[kumo] remove inherited ghost button background

.changeset/quiet-ghost-buttons.md

@@ -0,0 +1,5 @@
+---
+"@cloudflare/kumo": patch
+---
+
+Remove the inherited resting background from ghost buttons so translucent parent surfaces do not appear darker beneath them.

packages/kumo/src/components/button/button.test.tsx

@@ -66,6 +66,13 @@ describe("Button", () => {
     expect(button.classList.contains("select-text")).toBe(false);
   });
 
+  it("does not paint a resting background for ghost buttons", () => {
+    const className = buttonVariants({ variant: "ghost" });
+
+    expect(className).toContain("hover:bg-kumo-tint");
+    expect(className).not.toContain("bg-inherit");
+  });
+
   it("forwards ref to the <button> DOM node", () => {
     const ref = React.createRef<HTMLButtonElement>();
     render(<Button ref={ref}>Click</Button>);

packages/kumo/src/components/button/button.tsx

@@ -58,7 +58,7 @@ export const KUMO_BUTTON_VARIANTS = {
       description: "Default button style for most actions",
     },
     ghost: {
-      classes: "text-kumo-default hover:bg-kumo-tint shadow-none bg-inherit",
+      classes: "text-kumo-default hover:bg-kumo-tint shadow-none",
       description: "Minimal button with no background",
     },
     destructive: {