Add/scss tokens

CHANGELOG.md

@@ -17,6 +17,10 @@ Prefix the change with one of these keywords:
 
 ## [Unreleased]
 
+### Added
+
+- New `_tokens.scss` output written alongside `tokens.css` in `srcDir`. Emits the same tokens as SCSS variables (`$prefix-segment-key: value;`) so consumers can reference tokens inside `@media` queries and other compile-time SCSS contexts where CSS custom properties can't be used. Always on — no opt-out needed. Mirrors the CSS output: same category grouping, same fluid `clamp()` handling, same `camelToKebab` conversion for layout keys, includes `cssOnly` entries (SCSS is another compile-time output).
+
 ## [0.2.7] - 2026-04-14
 
 ### Changed

README.md

@@ -18,6 +18,7 @@ c2b.config.json                                single source of truth
     │   npx c2b generate
     │
     ├──► src/styles/tokens.css                 CSS custom properties
+    ├──► src/styles/_tokens.scss               SCSS variables (for @media queries)
     ├──► src/styles/fonts.css                  @font-face declarations
     ├──► src/styles/base-styles.scss           Base typography (zero-specificity)
     │
@@ -137,6 +138,7 @@ import {
   validateConfig,
   // Generators
   generateTokensCss,
+  generateTokensScss,
   generateTokensWpCss,
   generateThemeJson,
   generateFontsCss,

dist/generators/tokens-scss.d.ts

@@ -0,0 +1,3 @@
+import type { C2bConfig } from '../types.js';
+export declare function generateTokensScss(config: C2bConfig): string;
+//# sourceMappingURL=tokens-scss.d.ts.map

dist/index.d.ts

@@ -1,5 +1,6 @@
 export { loadConfig, validateConfig } from './config.js';
 export { generateTokensCss } from './generators/tokens-css.js';
+export { generateTokensScss } from './generators/tokens-scss.js';
 export { generateTokensWpCss } from './generators/tokens-wp-css.js';
 export { generateThemeJson } from './generators/theme-json.js';
 export { generateIntegratePhp } from './generators/integrate-php.js';