feat: deprecate sass, convert to css (#1531)

package.json

@@ -13,7 +13,7 @@
   "license": "MIT",
   "prepare": "npm run build",
   "scripts": {
-    "serve": "webpack-dev-server --config build/webpack.dev.conf.js --hot --progress -d",
+    "serve": "webpack-dev-server --config build/webpack.dev.conf.js --hot --progress",
     "serve:docs": "cd docs && yarn serve",
     "build": "cross-env NODE_ENV=production webpack --config build/webpack.prod.conf.js --progress",
     "build:docs": "cd docs && yarn build",
@@ -43,17 +43,17 @@
     "@semantic-release/git": "^9.0.0",
     "@semantic-release/github": "^7.0.4",
     "@vue/test-utils": "^1.2.2",
-    "autoprefixer": "^9.4.7",
+    "autoprefixer": "^10.3.7",
     "babel-core": "^7.0.0-bridge.0",
     "babel-eslint": "^10.0.3",
     "babel-loader": "^8.0.5",
     "bundlewatch": "^0.2.5",
-    "chokidar": "^2.1.5",
+    "chokidar": "^3.5.2",
     "commitizen": "^4.0.3",
     "coveralls": "^3.0.2",
     "cross-env": "^5.2.0",
-    "css-loader": "^2.1.0",
-    "cssnano": "^4.1.10",
+    "css-loader": "^6.4.0",
+    "cssnano": "^5.0.8",
     "cz-conventional-changelog": "3.1.0",
     "eslint": "^6.8.0",
     "eslint-config-prettier": "^6.10.0",
@@ -61,30 +61,29 @@
     "eslint-plugin-prettier": "^3.1.2",
     "eslint-plugin-vue": "^6.2.1",
     "html-loader": "^0.5.5",
-    "html-webpack-plugin": "^3.2.0",
+    "html-webpack-plugin": "^5.4.0",
     "jest": "^24.1.0",
     "jest-serializer-vue": "^2.0.2",
     "jest-transform-stub": "^2.0.0",
-    "mini-css-extract-plugin": "^0.5.0",
-    "node-sass": "^4.12.0",
-    "postcss-loader": "^3.0.0",
-    "postcss-scss": "^2.0.0",
+    "mini-css-extract-plugin": "^2.4.3",
+    "postcss": "^8.3.11",
+    "postcss-import": "^14.0.2",
+    "postcss-loader": "^6.2.0",
     "prettier": "2.2.1",
-    "sass-loader": "^7.1.0",
     "semantic-release": "^17.0.4",
-    "terser-webpack-plugin": "^1.2.3",
-    "url-loader": "^1.1.2",
+    "terser-webpack-plugin": "^5.2.4",
+    "url-loader": "^4.1.1",
     "vue": "^2.6.10",
     "vue-html-loader": "^1.2.4",
     "vue-jest": "^3.0.4",
-    "vue-loader": "^15.7.0",
+    "vue-loader": "^15.9.8",
     "vue-server-renderer": "^2.6.10",
-    "vue-style-loader": "^4.1.2",
+    "vue-style-loader": "^4.1.3",
     "vue-template-compiler": "^2.6.10",
-    "webpack": "^4.29.6",
-    "webpack-cli": "^3.3.0",
-    "webpack-dev-server": "^3.2.1",
-    "webpack-merge": "^4.2.1"
+    "webpack": "^5.59.1",
+    "webpack-cli": "^4.9.1",
+    "webpack-dev-server": "^4.3.1",
+    "webpack-merge": "^5.8.0"
   },
   "jest": {
     "moduleFileExtensions": [
@@ -134,8 +133,11 @@
       {
         "path": "./dist/vue-select.css",
         "compression": "none",
-        "maxSize": "6 KB"
+        "maxSize": "8 KB"
       }
     ]
+  },
+  "dependencies": {
+    "postcss-nested": "^5.0.6"
   }
 }