fixed webfonts, rebumping css-loader to 6.0.0

https://github.com/webpack-contrib/css-loader/issues/1338
https://webpack.js.org/guides/asset-modules/#resource-assets

package.json

@@ -66,7 +66,7 @@
     "browser-sync": "^2.27.4",
     "clean-css": "^5.1.3",
     "copy-webpack-plugin": "^9.0.1",
-    "css-loader": "^5.2.7",
+    "css-loader": "^6.0.0",
     "css-minimizer-webpack-plugin": "^3.0.2",
     "del": "^6.0.0",
     "eslint": "~7.30.0",

webpack.config.js

@@ -125,15 +125,10 @@ export default {
       },
       {
         test: /\.(woff(2)?|ttf|otf|eot)$/,
-        use: [
+        type: "asset/resource",
-          {
+        generator: {
-            loader: "file-loader",
+          filename: "fonts/[name][ext]",
-            options: {
+        }
-              name: "[name].[ext]",
-              outputPath: "fonts/",
-            },
-          },
-        ],
       },
     ],
   },

yarn.lock

@@ -2991,20 +2991,18 @@ css-declaration-sorter@^6.0.3:
   dependencies:
     timsort "^0.3.0"
 
-css-loader@^5.2.7:
+css-loader@^6.0.0:
-  version "5.2.7"
+  version "6.0.0"
-  resolved "https://registry.yarnpkg.com/css-loader/-/css-loader-5.2.7.tgz#9b9f111edf6fb2be5dc62525644cbc9c232064ae"
+  resolved "https://registry.yarnpkg.com/css-loader/-/css-loader-6.0.0.tgz#e3f9131229df43e081876f434dc2f4605be9d5ae"
-  integrity sha512-Q7mOvpBNBG7YrVGMxRxcBJZFL75o+cH2abNASdibkj/fffYD8qWbInZrD0S9ccI6vZclF3DsHE7njGlLtaHbhg==
+  integrity sha512-xi3iTbHekvk5dWWdqfQKNsEm2g3Vr20uRwHzfXF+pHsaFGMuxTrqR1y8PY+st5G7wqid4/pBSiaqZsO6iaGN5g==
   dependencies:
     icss-utils "^5.1.0"
-    loader-utils "^2.0.0"
     postcss "^8.2.15"
     postcss-modules-extract-imports "^3.0.0"
     postcss-modules-local-by-default "^4.0.0"
     postcss-modules-scope "^3.0.0"
     postcss-modules-values "^4.0.0"
     postcss-value-parser "^4.1.0"
-    schema-utils "^3.0.0"
     semver "^7.3.5"
 
 css-minimizer-webpack-plugin@^3.0.2: