[5.2] Build process: Change Dart-Sass to new API (joomla#44659)

Author: Hackwar

build/build-modules-js/javascript/compile-to-es2017.es6.js

@@ -8,7 +8,7 @@ const { nodeResolve } = require('@rollup/plugin-node-resolve');
 const replace = require('@rollup/plugin-replace');
 const { babel } = require('@rollup/plugin-babel');
 const LightningCSS = require('lightningcss');
-const { renderSync } = require('sass-embedded');
+const { compile } = require('sass-embedded');
 const { minifyJsCode } = require('./minify.es6.js');
 const { getPackagesUnderScope } = require('../init/common/resolve-package.es6.js');
 
@@ -33,7 +33,7 @@ const getWcMinifiedCss = async (file) => {
   if (scssFileExists) {
     let compiled;
     try {
-      compiled = renderSync({ file: scssFile });
+      compiled = compile(scssFile);
     } catch (error) {
       // eslint-disable-next-line no-console
       console.error(`${error.column}

build/build-modules-js/stylesheets/handle-scss.es6.js

@@ -12,7 +12,7 @@ module.exports.handleScssFile = async (file) => {
 
   let compiled;
   try {
-    compiled = Sass.renderSync({ file });
+    compiled = Sass.compile(file);
   } catch (error) {
     // eslint-disable-next-line no-console
     console.error(error.formatted);

build/build-modules-js/stylesheets/scss-transform.es6.js

@@ -10,7 +10,7 @@ module.exports.compile = async (file) => {
 
   let compiled;
   try {
-    compiled = Sass.renderSync({ file });
+    compiled = Sass.compile(file);
   } catch (error) {
     // eslint-disable-next-line no-console
     console.error(error.formatted);