remove color omitting

Author: rezrah

packages/react/src/Card/Card.test.tsx

@@ -210,20 +210,6 @@ describe('Card', () => {
     expect(container.querySelector('.Card__label')).toHaveClass('Token--variant-default')
   })
 
-  it('rejects the legacy color prop in TypeScript and ignores it at runtime', () => {
-    const {container, getByText} = render(
-      <Card href={mockHref}>
-        {/* @ts-expect-error Testing invalid legacy prop */}
-        <Card.Label color="blue-purple">{mockLabel}</Card.Label>
-        <Card.Heading>{mockHeading}</Card.Heading>
-      </Card>,
-    )
-
-    expect(getByText(mockLabel)).toBeInTheDocument()
-    expect(container.querySelector('.Card__label')).toHaveClass('Token--variant-default')
-    expect(container.querySelector('.Card__label')).not.toHaveAttribute('color')
-  })
-
   it('renders an arrow-only cta variant', () => {
     const {container, getByText} = render(
       <Card href={mockHref} ctaVariant="arrow">

packages/react/src/Card/Card.tsx

@@ -319,14 +319,13 @@ const CardTokens = forwardRef<HTMLDivElement, CardTokensProps>(
 )
 
 type CardLabelProps = Omit<BaseProps<HTMLSpanElement>, 'animate'> &
-  Omit<React.ComponentPropsWithoutRef<'span'>, 'children' | 'color'> & {
+  Omit<React.ComponentPropsWithoutRef<'span'>, 'children'> & {
     children: React.ReactNode | React.ReactNode[]
-    color?: never
     variant?: CardLabelVariant
   }
 
 const CardLabel = forwardRef<HTMLSpanElement, CardLabelProps>(
-  ({children, color: _legacyColor, variant = defaultCardLabelVariant, className, ...rest}, ref) => {
+  ({children, variant = defaultCardLabelVariant, className, ...rest}, ref) => {
     if (variant === 'accent-text') {
       return (
         <EyebrowText ref={ref} className={clsx(styles.Card__label, className)} variant="accent" {...rest}>

packages/react/src/Token/Token.module.css

@@ -8,7 +8,7 @@
   max-width: 100%;
   padding-inline: var(--base-size-8);
   padding-block: var(--base-size-6);
-  padding-block-end: calc(var(--base-size-6)); /* Compensate for 1px border to maintain height */
+  padding-block-end: var(--base-size-6);
   vertical-align: middle;
 }