Migrate from node-sass to sass (#723)

* Migrate from node-sass to sass

* Extend lint

* Bump version

.eslintrc

@@ -5,8 +5,8 @@
 	},
 	"env": {
 		"es6": true,
-		"browser": true,
-		"node": true
+		"node": true,
+		"browser": true
 	},
-	"extends": ["eslint:recommended"]
+	"extends": ["eslint:recommended", "plugin:compat/recommended"]
 }

.stylelintrc

@@ -1,10 +1,25 @@
 {
-	"extends": ["stylelint-config-recommended"],
+	"extends": [
+		"stylelint-config-recommended"
+	],
+	"plugins": [
+		"stylelint-no-unsupported-browser-features"
+	],
 	"rules": {
 		"at-rule-no-unknown": [
 			true,
 			{
-				"ignoreAtRules": ["function", "if", "each", "include", "mixin", "for", "while", "else", "return"]
+				"ignoreAtRules": [
+					"function",
+					"if",
+					"each",
+					"include",
+					"mixin",
+					"for",
+					"while",
+					"else",
+					"return"
+				]
 			}
 		]
 	}

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "webpack-mpa",
-	"version": "3.8.0",
+	"version": "3.9.0",
 	"description": "Multi page app setup with webpack",
 	"scripts": {
 		"build": "webpack --mode=production",
@@ -47,9 +47,9 @@
 		"cssnano": "5.0.7",
 		"eslint": "7.32.0",
 		"eslint-config-recommended": "4.1.0",
+		"eslint-plugin-compat": "3.12.0",
 		"file-loader": "6.2.0",
 		"mini-css-extract-plugin": "2.2.0",
-		"node-sass": "6.0.1",
 		"node-sass-magic-importer": "5.3.2",
 		"postcss": "8.3.6",
 		"postcss-cli": "8.3.1",
@@ -61,10 +61,12 @@
 		"postcss-url": "10.1.3",
 		"postcss-utilities": "0.8.4",
 		"postcss-watch-folder": "1.1.0",
+		"sass": "1.37.5",
 		"sass-loader": "12.1.0",
 		"spritesh": "1.2.1",
 		"stylelint": "13.13.1",
 		"stylelint-config-recommended": "5.0.0",
+		"stylelint-no-unsupported-browser-features": "5.0.1",
 		"svgo": "2.3.1",
 		"webpack": "5.49.0",
 		"webpack-cli": "4.7.2",