feat(ui): add Mosaic input color token

Author: austincalvelage

packages/ui/src/mosaic/components/input/input.styles.ts

@@ -34,7 +34,7 @@ export const styles = stylex.create({
       ':focus-visible': `2px solid ${colorVars['--cl-color-primary']}`,
       ':focus-visible:where([aria-invalid="true"])': 'none',
     },
-    backgroundColor: colorVars['--cl-color-card'],
+    backgroundColor: colorVars['--cl-color-input'],
     boxSizing: 'border-box',
     color: 'inherit',
     display: 'block',

packages/ui/src/mosaic/tokens.stylex.ts

@@ -47,6 +47,7 @@ const colorDefaults = {
   '--cl-color-card': 'light-dark(oklch(1 0 0), oklch(0.205 0 0))',
   '--cl-color-card-foreground': 'light-dark(oklch(0.145 0 0), oklch(0.985 0 0))',
 
+  '--cl-color-input': 'light-dark(oklch(1 0 0), oklch(0.2046 0 0))',
   '--cl-color-input-placeholder': '#a3a3a3',
 
   '--cl-color-border': 'light-dark(oklch(0.9219 0 0), oklch(0.3715 0 0))',