ui: update dependencies from dependabot PRs and silence sass warnings

Author: zerbitx

dist/npm/package.json

@@ -19,8 +19,8 @@
     },
     "dependencies": {
         "cli-spinner": "^0.2.10",
-        "find-process": "^1.4.7",
-        "inquirer": "^7.0.5",
+        "find-process": "^2.1.1",
+        "inquirer": "^13.3.2",
         "node-fetch": "^2.6.7"
     },
     "license": "Apache-2.0"

ui/config/webpack.config.dev.js

@@ -21,6 +21,16 @@ const publicPath = '/';
 const publicUrl = '';
 // Get environment variables to inject into our app.
 const env = getClientEnvironment(publicUrl);
+const getSassLoader = (options = {}) => ({
+  loader: require.resolve('sass-loader'),
+  options: {
+    ...options,
+    sassOptions: {
+      ...(options.sassOptions || {}),
+      silenceDeprecations: ['legacy-js-api'],
+    },
+  },
+});
 
 // This is the development configuration.
 // It is focused on developer experience and fast rebuilds.
@@ -171,10 +181,9 @@ module.exports = {
                 },
               },
               {
-                loader: require.resolve('sass-loader'),
-                options: {
+                ...getSassLoader({
                   sourceMap: true,
-                },
+                }),
               },
             ],
           },
@@ -184,7 +193,7 @@ module.exports = {
             use: [
               'style-loader', // creates style nodes from JS strings
               'css-loader', // translates CSS into CommonJS
-              'sass-loader', // compiles Sass to CSS, using Node Sass by default
+              getSassLoader(), // compiles Sass to CSS
             ],
           },
           // "postcss" loader applies autoprefixer to our CSS.

ui/config/webpack.config.prod.js

@@ -26,6 +26,16 @@ const shouldUseSourceMap = process.env.GENERATE_SOURCEMAP !== 'false';
 const publicUrl = publicPath.slice(0, -1);
 // Get environment variables to inject into our app.
 const env = getClientEnvironment(publicUrl);
+const getSassLoader = (options = {}) => ({
+  loader: require.resolve('sass-loader'),
+  options: {
+    ...options,
+    sassOptions: {
+      ...(options.sassOptions || {}),
+      silenceDeprecations: ['legacy-js-api'],
+    },
+  },
+});
 
 // Assert this just to be safe.
 // Development builds of React are slow and not intended for production.
@@ -161,7 +171,7 @@ module.exports = {
                 },
               },
               {
-                loader: require.resolve('sass-loader'),
+                ...getSassLoader(),
               },
             ],
           },
@@ -171,7 +181,7 @@ module.exports = {
             use: [
               'style-loader', // creates style nodes from JS strings
               'css-loader', // translates CSS into CommonJS
-              'sass-loader', // compiles Sass to CSS, using Node Sass by default
+              getSassLoader(), // compiles Sass to CSS
             ],
           },
           // "postcss" loader applies autoprefixer to our CSS.