7.0 clean packages

package.json

@@ -34,25 +34,25 @@
     "moment": "^2.30.1"
   },
   "devDependencies": {
-    "@babel/core": "^7.24.7",
-    "@babel/plugin-proposal-class-properties": "^7.18.6",
-    "@babel/plugin-proposal-object-rest-spread": "^7.20.7",
-    "@babel/plugin-transform-runtime": "^7.24.7",
-    "@babel/runtime": "^7.24.7",
+    "@babel/core": "^8.0.0",
+    "@babel/plugin-transform-class-properties": "^8.0.0",
+    "@babel/plugin-transform-object-rest-spread": "^8.0.0",
+    "@babel/plugin-transform-runtime": "^8.0.0",
+    "@babel/runtime": "^8.0.0",
     "ajv": "^8.18.0",
     "babel-loader": "^10.1.1",
     "clean-webpack-plugin": "^4.0.0",
     "copy-webpack-plugin": "^14.0.0",
-    "cross-env": "^7.0.3",
-    "css-loader": "5.2.7",
+    "cross-env": "^10.0.0",
+    "css-loader": "7.1.4",
     "expose-loader": "^5.0.0",
     "file-loader": "^6.2.0",
     "mini-css-extract-plugin": "^2.9.0",
     "sass": "^1.77.1",
-    "sass-loader": "^14.2.1",
+    "sass-loader": "^17.0.0",
     "terser-webpack-plugin": "^5.6.1",
     "webpack": "^5.92.1",
-    "webpack-cli": "^5.1.4"
+    "webpack-cli": "^7.0.0"
   },
   "overrides": {
     "graceful-fs": "^4.2.11"

webpack.config.js

@@ -246,12 +246,13 @@ function generateBaseRules()
         {
             test: /\.(woff|woff2|eot|ttf|otf|svg)$/,
             exclude: [/images?|img/],
-            use: [
-                // As SVG may count as both font or image,
-                // we will not treat any file in a folder
-                // with the name image(s) or img as a font
-                'file-loader?name=fonts/[name].[ext]'
-            ]
+            // As SVG may count as both font or image
+            // we will not treat any file in a folder
+            // with the name image(s) or img as a font
+            type: 'asset/resource',
+            generator: {
+                filename: 'fonts/[name][ext]'
+            }
         }
     ];
-}
+}