conversion to SCSS

package.json

@@ -22,7 +22,7 @@
     "file-loader": "^6.2.0",
     "mini-css-extract-plugin": "^2.7.6",
     "prettier": "3.0.2",
-    "sass": "^1.65.1",
+    "sass": "^1.69.5",
     "sass-loader": "^13.3.2",
     "style-loader": "^3.3.3",
     "webextension-polyfill": "^0.10.0",

src/inject/injected.js

@@ -1 +1 @@
-import './injected.css';
+import './injected.scss';

webpack.config.js

@@ -20,7 +20,7 @@ export default {
     background: './src/background.js',
     'inject/documentload': './src/inject/documentload.css', // Entry for CSS
     'inject/iframe': './src/inject/iframe.css', // Entry for CSS
-    'inject/injected': './src/inject/injected.css', // Entry for CSS
+    'inject/injected': './src/inject/injected.scss', // Entry for CSS
   },
   output: {
     filename: (pathData) => {
@@ -34,15 +34,16 @@ export default {
   module: {
     rules: [
       {
-        test: /\.css$/,
+        test: /\.(css|scss)$/,
         use: [
           MiniCssExtractPlugin.loader,
           {
             loader: 'css-loader',
             options: {
-              importLoaders: 1
+              importLoaders: 2
-            }
             }
+          },
+          'sass-loader'
         ]
       },
       {