refactor: charset option

README.md

@@ -306,11 +306,13 @@ Default: defaults values for Sass implementation
 
 Options for [Dart Sass](http://sass-lang.com/dart-sass) or [Node Sass](https://github.com/sass/node-sass) implementation.
 
+> ℹ️ The `charset` option has `true` value by default for `dart-sass`, we strongly discourage change value to `false`, because webpack doesn't support files other than `utf-8`.
+
 > ℹ️ The `indentedSyntax` option has `true` value for the `sass` extension.
 
 > ℹ️ Options such as `data` and `file` are unavailable and will be ignored.
 
-> ℹ We recommend not to set the `outFile`, `sourceMapContents`, `sourceMapEmbed`, `sourceMapRoot` options because `sass-loader` automatically sets these options when the `sourceMap` option is `true`.
+> ℹ We strongly discourage change `outFile`, `sourceMapContents`, `sourceMapEmbed`, `sourceMapRoot` options because `sass-loader` automatically sets these options when the `sourceMap` option is `true`.
 
 > ℹ️ Access to the [loader context](https://webpack.js.org/api/loaders/#the-loader-context) inside the custom importer can be done using the `this.webpackLoaderContext` property.
 

package.json

@@ -62,17 +62,17 @@
     "@babel/cli": "^7.14.5",
     "@babel/core": "^7.14.6",
     "@babel/preset-env": "^7.14.7",
-    "@commitlint/cli": "^12.1.4",
-    "@commitlint/config-conventional": "^12.1.4",
+    "@commitlint/cli": "^13.1.0",
+    "@commitlint/config-conventional": "^13.1.0",
     "@webpack-contrib/eslint-config-webpack": "^3.0.0",
     "babel-jest": "^27.0.6",
     "bootstrap-sass": "^3.4.1",
     "bootstrap-v4": "npm:bootstrap@^4.5.3",
     "bootstrap-v5": "npm:bootstrap@^5.0.1",
     "cross-env": "^7.0.3",
-    "css-loader": "^5.2.7",
+    "css-loader": "^6.2.0",
     "del": "^6.0.0",
-    "del-cli": "^3.0.1",
+    "del-cli": "^4.0.1",
     "enhanced-resolve": "^5.8.2",
     "eslint": "^7.30.0",
     "eslint-config-prettier": "^8.3.0",
@@ -92,7 +92,7 @@
     "sass": "^1.35.2",
     "semver": "^7.3.5",
     "standard-version": "^9.3.1",
-    "style-loader": "^2.0.0",
+    "style-loader": "^3.2.1",
     "webpack": "^5.45.1"
   },
   "keywords": [

src/utils.js

@@ -168,7 +168,10 @@ async function getSassOptions(
     : content;
 
   // opt.outputStyle
-  if (!options.outputStyle && isProductionLikeMode(loaderContext)) {
+  if (
+    typeof options.outputStyle === "undefined" &&
+    isProductionLikeMode(loaderContext)
+  ) {
     options.outputStyle = "compressed";
   }
 
@@ -224,6 +227,10 @@ async function getSassOptions(
         : []
     );
 
+  if (typeof options.charset === "undefined") {
+    options.charset = true;
+  }
+
   return options;
 }