feat(chore/sass): use postcss-sass instead of postcss-node-sass (#760)

adeo · Mar 16, 2021 · 360f0cf · 360f0cf
1 parent 1e5016e
commit 360f0cf
Show file tree

Hide file tree

Showing 3 changed files with 139 additions and 293 deletions.
diff --git a/packages/css-dev-tools/package.json b/packages/css-dev-tools/package.json
@@ -11,7 +11,7 @@
     "dotenv": "^8.2.0",
     "postcss": "^7.0.7",
     "postcss-base64": "^0.7.1",
-    "postcss-node-sass": "^2.1.8",
+    "@csstools/postcss-sass": "^4.0.0",
     "postcss-reporter": "^6.0.0",
     "postcss-scss": "^2.0.0",
     "stylelint": "^13.5.0",

diff --git a/packages/css-dev-tools/postcssPluginConfig.js b/packages/css-dev-tools/postcssPluginConfig.js
@@ -1,7 +1,7 @@
 require('dotenv').config()
 const scssSyntax = require('postcss-scss')
 const autoprefixer = require('autoprefixer')
-const nodeSass = require('postcss-node-sass')
+const sass = require('@csstools/postcss-sass')
 const stylelint = require('stylelint')
 const base64 = require('postcss-base64')
 const reporter = require('postcss-reporter')
@@ -50,11 +50,10 @@ const plugins = [
   stylelint({ config: styleLintConfig }),
   reporter({ clearReportedMessages: true }),
   cssprepend(`$mozaic-env: ${mozaicEnvScssVar};`),
-  nodeSass({
+  sass({
     includePaths,
     outputStyle: 'expanded',
     indentWidth,
-    precision: 7,
   }),
   base64({
     pattern: /<svg.*<\/svg>/i,
@@ -68,11 +67,10 @@ const plugins = [
 
 const productionPlugins = [
   cssprepend(`$mozaic-env: ${mozaicEnvScssVar};`),
-  nodeSass({
+  sass({
     includePaths,
     outputStyle: 'expanded',
     indentWidth,
-    precision: 7,
   }),
   base64({
     pattern: /<svg.*<\/svg>/i,