update devDeps, fix bootstrap icons

package.json

@@ -35,7 +35,8 @@
     "mini-css-extract-plugin": "^1.6.0",
     "postcss": "^8.3.0",
     "postcss-loader": "^5.3.0",
-    "sass": "^1.35.1",
+    "resolve-url-loader": "^5.0.0",
+    "sass": "^1.49.0",
     "sass-loader": "^12.0.0",
     "style-loader": "^2.0.0",
     "terser-webpack-plugin": "^5.1.2",

resources/assets/themes/base.scss

@@ -22,7 +22,7 @@ $theme-colors: map-merge($theme-colors, $custom-colors);
 
 @import "~bootstrap/scss/bootstrap";
 
-@import "~bootstrap-icons/font/bootstrap-icons.css";
+@import "~bootstrap-icons/font/bootstrap-icons";
 @import "~tempusdominus-bootstrap-4/build/css/tempusdominus-bootstrap-4";
 @import "~select2/src/scss/core";
 @import "~select2-bootstrap-5-theme/src/include-all";

webpack.config.js

@@ -74,9 +74,13 @@ module.exports = {
               },
             },
           },
+          {
+            loader: 'resolve-url-loader',
+          },
           {
             loader: 'sass-loader',
             options: {
+              sourceMap: true,
               sassOptions: {
                 quietDeps: true
               }