diff --git a/package.json b/package.json
index e0424954..1e9f28dc 100644
--- a/package.json
+++ b/package.json
@@ -1,12 +1,12 @@
 {
   "devDependencies": {
-    "autoprefixer": "10.4.19",
     "@babel/core": "7.24.7",
     "@babel/plugin-transform-modules-commonjs": "7.24.7",
     "@babel/plugin-transform-runtime": "7.24.7",
     "@babel/preset-env": "7.24.7",
     "@babel/preset-react": "7.24.7",
     "@babel/runtime": "7.24.7",
+    "autoprefixer": "10.4.19",
     "babel-loader": "9.1.3",
     "chrome-launcher": "0.15.2",
     "css-loader": "6.11.0",
@@ -19,11 +19,12 @@
     "eslint-plugin-standard": "4.1.0",
     "glslify-loader": "2.0.0",
     "husky": "8.0.3",
-    "mini-css-extract-plugin": "2.7.6",
     "lighthouse": "10.2.0",
     "lint-staged": "13.2.2",
+    "mini-css-extract-plugin": "2.7.6",
     "postcss": "8.4.38",
     "postcss-loader": "7.3.4",
+    "postcss-scss": "4.0.9",
     "raw-loader": "4.0.2",
     "sass": "1.77.6",
     "sass-loader": "13.3.3",
@@ -32,8 +33,8 @@
     "stylelint-declaration-strict-value": "1.9.2",
     "terser-webpack-plugin": "5.3.10",
     "webpack": "5.92.1",
-    "webpack-merge": "5.9.0",
-    "webpack-cli": "5.1.4"
+    "webpack-cli": "5.1.4",
+    "webpack-merge": "5.9.0"
   },
   "dependencies": {
     "@liqd/liqd-fonts": "git+ssh://github.com/liqd/liqd-fonts.git",