Figmagic is the missing piece between DevOps and design: Generate design tokens, export graphics, and extract design token-driven React components from your Figma documents.
When setting the camelizeTokenNames option to false, the tokens are imported correctly without transformation. However, their use inside the elements' JS files presents invalid JavaScript, because it is using dot notation instead of bracket notation to call the tokens that have dashes in them.
When setting the
camelizeTokenNames
option to false, the tokens are imported correctly without transformation. However, their use inside the elements' JS files presents invalid JavaScript, because it is using dot notation instead of bracket notation to call the tokens that have dashes in them.Current import (dot notation)
Correct import (bracket notation)