feat(bezier-react): update ColorProps type to support alpha color tokens

packages/bezier-react/src/types/props.ts

@@ -1,5 +1,6 @@
 import type { JSX } from 'react'
 
+import { type FunctionalAndSemanticColor } from './alpha-tokens'
 import type {
   BackgroundSemanticColor,
   BackgroundTextSemanticColor,
@@ -10,6 +11,8 @@ import type {
   ZIndex,
 } from './tokens'
 
+type LegacyAndAlphaSemanticColor = SemanticColor | FunctionalAndSemanticColor
+
 /**
  * Props for overriding default styles of components. Intended for exceptional use cases where default styles need customization.
  */
@@ -140,7 +143,7 @@ export interface ColorProps {
   /**
    * Color from the design system's semantic color.
    */
-  color?: SemanticColor
+  color?: LegacyAndAlphaSemanticColor
 }
 
 /**
@@ -179,7 +182,7 @@ export type AdditionalOverridableStyleProps<ElementName extends PropNameType> =
  * Props for adding color properties to named elements within a component.
  */
 export type AdditionalColorProps<ElementName extends PropNameType> =
-  AdditionalProps<ElementName, 'color', SemanticColor>
+  AdditionalProps<ElementName, 'color', LegacyAndAlphaSemanticColor>
 
 /**
  * Props for components that can be activated or deactivated.