feat(dep): Use dart-sass instead of node-sass (#496)

Co-authored-by: tison <wander4096@gmail.com>

Author: nodece

front-end/build/utils.js

@@ -78,9 +78,12 @@ exports.cssLoaders = function(options) {
     postcss: generateLoaders(),
     less: generateLoaders('less'),
     sass: generateLoaders('sass', {
-      indentedSyntax: true
+      indentedSyntax: true,
+      implementation: require('sass')
+    }),
+    scss: generateLoaders('sass', {
+      implementation: require('sass')
     }),
-    scss: generateLoaders('sass'),
     stylus: generateLoaders('stylus'),
     styl: generateLoaders('stylus')
   }

front-end/package.json

@@ -88,7 +88,6 @@
     "mini-css-extract-plugin": "0.4.1",
     "nightwatch": "^1.0.19",
     "node-notifier": "5.2.1",
-    "node-sass": "8.0.0",
     "optimize-css-assets-webpack-plugin": "5.0.0",
     "ora": "3.0.0",
     "path-to-regexp": "2.4.0",
@@ -98,7 +97,9 @@
     "postcss-url": "7.3.2",
     "request": "^2.88.0",
     "rimraf": "2.6.2",
-    "sass-loader": "7.0.3",
+    "sass": "^1.56.1",
+    "sass-loader": "^7.3.1",
+    "script-ext-html-webpack-plugin": "^2.1.5",
     "script-loader": "0.7.2",
     "semver": "5.5.0",
     "serve-static": "1.13.2",
@@ -113,8 +114,7 @@
     "webpack": "4.16.5",
     "webpack-cli": "3.1.0",
     "webpack-dev-server": "3.2.1",
-    "webpack-merge": "4.1.4",
-    "script-ext-html-webpack-plugin": "^2.1.5"
+    "webpack-merge": "4.1.4"
   },
   "engines": {
     "node": ">=16",