Update frontend packages

`js-yaml` was introduced as a resolution, then kept around. It's not needed.

Author: johanib

package.json

@@ -3,19 +3,18 @@
   "devDependencies": {
     "@babel/core": "^7.20.5",
     "@babel/preset-env": "^7.20.2",
-    "@symfony/webpack-encore": "^4",
+    "@symfony/webpack-encore": "^5.3.1",
     "compass-mixins": "^0.12",
-    "css-loader": "^6",
+    "css-loader": "^7.1.2",
     "file-loader": "^6.0.0",
     "jquery": "~3",
     "sass": "^1.43",
-    "sass-loader": "^13",
+    "sass-loader": "^16.0.6",
     "webpack": "^5.94.0",
-    "webpack-cli": "^5.0.0",
+    "webpack-cli": "^6.0.1",
     "webpack-import-glob-loader": "^1.6.3"
   },
   "dependencies": {
-    "js-yaml": "^3.13.1",
     "postcss": ">=8.4.31",
     "select2": "~4",
     "yarn": "^1.22.19"

webpack.config.js

@@ -11,9 +11,10 @@ Encore
     .addStyleEntry('global', './assets/scss/application.scss')
     .addLoader({ test: /\.scss$/, loader: 'webpack-import-glob-loader' })
     .enableSassLoader(function (options) {
+        options.api = 'modern';
         options.sassOptions = {
             outputStyle: 'expanded',
-            includePaths: ['public'],
+            loadPaths: ['public'],
         };
     })
     .autoProvidejQuery()