console: move to dart-sass

https://github.com/hasura/graphql-engine-mono/pull/2155

GitOrigin-RevId: 2c86a617314d9c308c295c18cdbcba8060e2075c

console/package.json

@@ -138,7 +138,6 @@
     "@types/lodash": "^4.14.159",
     "@types/lodash.merge": "^4.6.6",
     "@types/mini-css-extract-plugin": "0.9.1",
-    "@types/node-sass": "4.11.0",
     "@types/optimize-css-assets-webpack-plugin": "5.0.1",
     "@types/react": "16.14.2",
     "@types/react-addons-test-utils": "0.14.25",
@@ -217,7 +216,6 @@
     "lint-staged": "10.2.2",
     "mini-css-extract-plugin": "0.4.5",
     "msw": "0.29.0",
-    "node-sass": "4.14.1",
     "nyc": "15.0.1",
     "optimize-css-assets-webpack-plugin": "5.0.3",
     "postcss": "8.3.6",
@@ -228,6 +226,7 @@
     "redux-logger": "3.0.6",
     "redux-mock-store": "1.5.4",
     "resolve-url-loader": "2.3.2",
+    "sass": "^1.38.0",
     "sass-loader": "7.3.1",
     "source-map-loader": "0.2.4",
     "style-loader": "0.20.3",

console/webpack/bundle.config.js

@@ -88,7 +88,18 @@ module.exports = {
               modules: {},
             },
           },
-          'sass-loader?outputStyle=expanded&sourceMap=false&sourceMapContents=false',
+          {
+            loader: 'sass-loader',
+            options: {
+              // Prefer `dart-sass`
+              implementation: require('sass'),
+              sassOptions: {
+                outputStyle: 'expanded',
+              },
+              sourceMap: false,
+              sourceMapContents: false,
+            },
+          },
         ],
       },
       ...commonConfig.assetsRules,

console/webpack/dev.config.js

@@ -70,7 +70,17 @@ module.exports = {
               },
             },
           },
-          'sass-loader?outputStyle=expanded&sourceMap',
+          {
+            loader: 'sass-loader',
+            options: {
+              // Prefer `dart-sass`
+              implementation: require('sass'),
+              sassOptions: {
+                outputStyle: 'expanded',
+              },
+              sourceMap: true,
+            },
+          },
         ],
       },
       ...commonConfig.assetsRules,

console/webpack/prod.config.js

@@ -65,7 +65,18 @@ module.exports = {
               modules: {},
             },
           },
-          'sass-loader?outputStyle=expanded&sourceMap=false&sourceMapContents=false',
+          {
+            loader: 'sass-loader',
+            options: {
+              // Prefer `dart-sass`
+              implementation: require('sass'),
+              sassOptions: {
+                outputStyle: 'expanded',
+              },
+              sourceMap: false,
+              sourceMapContents: false,
+            },
+          },
         ],
       },
       ...commonConfig.assetsRules,