Design tokens > resolve aliases in tokens JSON
In !4094 (merged) text color design tokens are added with manual HEX color values. When adding text colors to Tailwind config (!3999 (merged)) we discovered that aliases design tokens did not provided the expected value !3999 (comment 1792632753)
Outcome
Explore using design token alises e.g. {gray.500}
instead of HEX color values for semantic tokens.
Ensure:
- SCSS/CSS/JS generation works as expected with style-dictionary (this should be fine)
- Tailwind config get CSS custom properties for values e.g.
--gl-text-strong: var(--gl-text-color-strong, #1f1e24)
becomes--gl-text-strong: var(--gl-text-color-strong, var(--gray-950)
- Figma sync automation tokens to variables works as expected