Design Tokens are a set of global design variables that exist independent of a language or framework. They are composed of data stored in structured JSON files, organized by category. In the Think Standard Library these categories are color, borders & shadows, icons, spacing, typography, and z-index.
/tokens folder, matching the JSON structure of filesnpm run tokens - this converts JSON data into SCSS variables for use across components/styles/settings/variables/[category-name].scss