Update linting (#947)

Author: scriptex

.eslintrc

@@ -3,7 +3,7 @@
 		"node": true,
 		"browser": true
 	},
-	"extends": ["prettier", "plugin:@typescript-eslint/recommended"],
+	"extends": ["prettier", "plugin:@typescript-eslint/recommended", "plugin:compat/recommended"],
 	"parser": "@typescript-eslint/parser",
 	"parserOptions": {
 		"project": "tsconfig.json",

.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"]
+				"ignoreAtRules": [
+					"function",
+					"if",
+					"each",
+					"include",
+					"mixin",
+					"for",
+					"while",
+					"else",
+					"return"
+				]
 			}
 		]
 	}

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "webpack-mpa-ts",
-	"version": "3.9.0",
+	"version": "3.9.1",
 	"description": "Multi page app setup with webpack",
 	"scripts": {
 		"build": "webpack --mode=production",
@@ -59,9 +59,10 @@
 		"cssnano": "5.0.7",
 		"eslint": "7.32.0",
 		"eslint-config-prettier": "8.3.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",
@@ -73,11 +74,13 @@
 		"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",
 		"source-map-loader": "3.0.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",
 		"ts-loader": "9.2.5",
 		"typescript": "4.3.5",