✨ Update script to build scss files along css files

.gitignore

@@ -2,5 +2,6 @@
 /types
 .DS_Store
 /*.css
+/*.scss
 index.js
 index.mjs

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@radix-ui/colors",
-  "version": "0.1.8",
+  "version": "0.1.9",
   "contributors": [
     "Colm Tuite <[email protected]>",
     "Vlad Moroz <[email protected]>"
@@ -9,8 +9,8 @@
   "module": "index.mjs",
   "types": "types/index.d.ts",
   "scripts": {
-    "build": "yarn clean && yarn && rollup -c && yarn build-css-modules",
-    "build-css-modules": "node ./scripts/build-css-modules.js",
+    "build": "yarn clean && yarn && rollup -c && yarn build-stylesheets",
+    "build-stylesheets": "node ./scripts/build-stylesheets.js",
     "postpublish": "yarn clean",
     "clean": "git clean -fdX"
   },

scripts/build-stylesheets.js

@@ -0,0 +1,29 @@
+const fs = require("fs");
+const path = require("path");
+const allColorScales = require("../index");
+
+const outputDir = require("../tsconfig.json").compilerOptions.outDir;
+
+Object.entries(allColorScales).forEach(([colorScaleName, scale]) => {
+  const selector = /DarkA?$/.test(colorScaleName) ? ".dark-theme" : ":root";
+
+  // Building css modules
+  const scaleAsCssProperties = Object.entries(scale)
+    .map(([name, value]) => `  --${name}: ${value};`)
+    .join("\n");
+  const scaleAsCssFile = `${selector} {\n${scaleAsCssProperties}\n}`;
+  fs.writeFileSync(
+    path.join(outputDir, colorScaleName + ".css"),
+    scaleAsCssFile
+  );
+
+  // Building scss modules
+  const scaleAsScssProperties = Object.entries(scale)
+    .map(([name, value]) => `  $${name}: ${value};`)
+    .join("\n");
+  const scaleAsScssFile = `${selector} {\n${scaleAsScssProperties}\n}`;
+  fs.writeFileSync(
+    path.join(outputDir, colorScaleName + ".scss"),
+    scaleAsScssFile
+  );
+});