@openeuropa/bcl-builder 1.11.0 → 1.12.0

package/package.json

@@ -2,7 +2,7 @@
   "name": "@openeuropa/bcl-builder",
   "author": "European Commission",
   "license": "EUPL-1.2",
-  "version": "1.11.0",
+  "version": "1.12.0",
   "description": "Bootstrap Component Library builder",
   "publishConfig": {
     "access": "public"
@@ -32,5 +32,5 @@
   "engines": {
     "node": ">=22.0.0"
   },
-  "gitHead": "88c25456473404f881593e7c70bbb0ac99ae2d2b"
+  "gitHead": "6d1138cf7e70db692c0aae7a598977de7004204e"
 }

package/scripts/colorScheme.js

@@ -22,6 +22,7 @@
 const sass = require("sass");
 const path = require("path");
 const fs = require("fs");
+const { pathToFileURL } = require("url");
 const postcss = require("postcss");
 const cssnano = require("cssnano");
 const prefixer = require("postcss-prefix-selector");
@@ -87,21 +88,34 @@ const buildColorScheme = (entry, dest, options) => {
   // Concatenate the contents
   const scssContent = imports + "\n" + entryVariables + "\n" + generator;
 
-  const sassResult = sass.renderSync({
-    data: scssContent,
-    outFile: dest,
-    noErrorCss: true,
-    outputStyle: "expanded",
+  const compileOptions = {
+    style: "expanded",
     sourceMap: options.sourceMap !== false,
-    sourceMapContents: options.sourceMap === true,
-    sourceMapEmbed: options.sourceMap === true,
-    includePaths: [
+    sourceMapIncludeSources: options.sourceMap === true,
+    url: pathToFileURL(entry),
+    loadPaths: [
       path.dirname(importsPath),
       path.dirname(generatorPath),
       path.resolve(process.cwd(), "node_modules"),
       ...(options.includePaths || []),
     ],
-  });
+  };
+
+  const silencedDeprecations = Array.isArray(options.silenceDeprecations)
+    ? options.silenceDeprecations
+    : undefined;
+
+  if (silencedDeprecations && silencedDeprecations.length) {
+    compileOptions.silenceDeprecations = silencedDeprecations;
+  }
+
+  if (typeof options.quietDeps !== "undefined") {
+    compileOptions.quietDeps = options.quietDeps;
+  } else if (silencedDeprecations && silencedDeprecations.length) {
+    compileOptions.quietDeps = true;
+  }
+
+  const sassResult = sass.compileString(scssContent, compileOptions);
 
   postcss(plugins)
     .use(
@@ -126,7 +140,7 @@ const buildColorScheme = (entry, dest, options) => {
     .process(sassResult.css, {
       map:
         postcssSourceMap === "file"
-          ? { inline: false, prev: sassResult.map.toString() }
+          ? { inline: false, prev: JSON.stringify(sassResult.sourceMap) }
           : postcssSourceMap,
       from: entry,
       to: dest,

package/scripts/styles.js

@@ -49,15 +49,10 @@ const buildStyles = (entry, dest, options) => {
     postcssSourceMap = options.sourceMap; // as a file
   }
 
-  const renderOptions = {
-    file: entry,
-    outFile: dest,
-    noErrorCss: true,
-    outputStyle: "expanded",
+  const compileOptions = {
+    style: "expanded",
     sourceMap: options.sourceMap !== false,
-    sourceMapContents: options.sourceMap === true,
-    sourceMapEmbed: options.sourceMap === true,
-    includePaths: [
+    loadPaths: [
       path.resolve(process.cwd(), "node_modules"),
       ...(options.includePaths || []),
     ],
@@ -68,16 +63,16 @@ const buildStyles = (entry, dest, options) => {
     : undefined;
 
   if (silencedDeprecations && silencedDeprecations.length) {
-    renderOptions.silenceDeprecations = silencedDeprecations;
+    compileOptions.silenceDeprecations = silencedDeprecations;
   }
 
   if (typeof options.quietDeps !== "undefined") {
-    renderOptions.quietDeps = options.quietDeps;
+    compileOptions.quietDeps = options.quietDeps;
   } else if (silencedDeprecations && silencedDeprecations.length) {
-    renderOptions.quietDeps = true;
+    compileOptions.quietDeps = true;
   }
 
-  const sassResult = sass.renderSync(renderOptions);
+  const sassResult = sass.compile(entry, compileOptions);
 
   const processor = postcss(plugins);
   if (options.prefix) {
@@ -93,7 +88,7 @@ const buildStyles = (entry, dest, options) => {
     .process(sassResult.css, {
       map:
         postcssSourceMap === "file"
-          ? { inline: false, prev: sassResult.map.toString() }
+          ? { inline: false, prev: JSON.stringify(sassResult.sourceMap) }
           : postcssSourceMap,
       from: entry,
       to: dest,