Function generateTokensCSS

generateTokensCSS(
    color: Record<string, any>,
    spacing: Record<string, any>,
    font: { family: Record<string, string>; size: Record<string, string> },
    media: { conditionals: Record<string, any> },
): string
Generate CSS custom properties from token values. Creates a :root block with all tokens as CSS variables.
Parameters
- color: Record<string, any>
  Color token object
- spacing: Record<string, any>
  Spacing token object
- font: { family: Record<string, string>; size: Record<string, string> }
  Font tokens
- media: { conditionals: Record<string, any> }
  Media query conditionals
Returns string
CSS string with :root block and media queries
Example
```
import * as Styles from '@universityofmaryland/web-styles-library';
import * as token from '@universityofmaryland/web-token-library';
const css = Styles.utilities.transform.variables.generateTokensCSS(
  token.color,
  token.spacing,
  token.font,
  token.media
);
```
Since
1.8.0
- Defined in styles/source/utilities/transform/variables.ts:168