refactor(emcn): keep Button hover variant self-contained

Author: Bill Leoutsakos

packages/emcn/src/components/button/button.tsx

@@ -1,7 +1,6 @@
 import { type ButtonHTMLAttributes, forwardRef } from 'react'
 import { cva, type VariantProps } from 'class-variance-authority'
 import { cn } from '../../lib/cn'
-import { chipHoverSurfaceClass } from '../chip/chip-chrome'
 
 /**
  * `size='icon'` is the square 20px icon-only button — a chip field's trailing
@@ -41,7 +40,8 @@ const buttonVariants = cva(
         tertiary:
           'bg-[var(--brand-accent)] text-[var(--text-inverse)] hover-hover:text-[var(--text-inverse)] hover-hover:bg-[var(--brand-accent-hover)] dark:bg-[var(--brand-accent)] dark:hover-hover:bg-[var(--brand-accent-hover)] dark:text-[var(--text-inverse)] dark:hover-hover:text-[var(--text-inverse)]',
         ghost: 'text-[var(--text-secondary)] hover-hover:text-[var(--text-primary)]',
-        'ghost-hover': `text-[var(--text-secondary)] hover-hover:text-[var(--text-primary)] ${chipHoverSurfaceClass}`,
+        'ghost-hover':
+          'text-[var(--text-secondary)] hover-hover:text-[var(--text-primary)] hover-hover:bg-[var(--surface-hover)]',
         subtle:
           'text-[var(--text-body)] hover-hover:text-[var(--text-body)] hover-hover:bg-[var(--surface-4)]',
         'ghost-secondary': 'text-[var(--text-muted)] hover-hover:text-[var(--text-primary)]',