STRWEB-68 Upgrade postcss-* dependencies to latest (#86)

This update bumps postcss-* stack to latest versions.

Many of these confident dependencies have node: ">=10" as their engine dependency. Others follow the odd-version-discrimination practices that have permeated the community (14 || >=16) and we don't talk about odd versions after...
We've waited a while with a locked-in custom-properties dependency. They've added a flag to suppress the noisy error message. I've decided to apply it so that we can stay current on the version, and I feel like before they move anywhere, its possible that we could eliminate use of that plugin entirely (next spike-able effort)

Merge-able right along with folio-org/stripes-components#1938

Refs STRWEB-68

package.json

@@ -29,7 +29,7 @@
     "@cerner/duplicate-package-checker-webpack-plugin": "~2.1.0",
     "@pmmmwh/react-refresh-webpack-plugin": "^0.5.4",
     "add-asset-html-webpack-plugin": "^5.0.2",
-    "autoprefixer": "^10.4.2",
+    "autoprefixer": "^10.4.13",
     "babel-loader": "^8.0.0",
     "babel-plugin-lodash": "^3.3.4",
     "babel-plugin-remove-jsx-attributes": "^0.0.2",
@@ -53,15 +53,15 @@
     "lodash-webpack-plugin": "^0.11.6",
     "mini-css-extract-plugin": "^1.6.2",
     "node-object-hash": "^1.2.0",
-    "postcss": "^8.3.9",
-    "postcss-calc": "^8.0.0",
+    "postcss": "^8.4.2",
+    "postcss-calc": "^8.2.4",
     "postcss-color-function": "folio-org/postcss-color-function",
-    "postcss-custom-media": "^8.0.0",
-    "postcss-custom-properties": "12.1.4",
-    "postcss-import": "^14.0.2",
-    "postcss-loader": "^6.2.0",
+    "postcss-custom-media": "^9.0.1",
+    "postcss-custom-properties": "12.1.11",
+    "postcss-import": "^15.0.1",
+    "postcss-loader": "^7.0.2",
     "postcss-media-minmax": "^5.0.0",
-    "postcss-nesting": "^8.0.1",
+    "postcss-nesting": "^10.2.0",
     "postcss-url": "^10.1.3",
     "process": "^0.11.10",
     "react-refresh": "^0.11.0",

webpack.config.cli.dev.js

@@ -105,7 +105,8 @@ const buildConfig = (stripesConfig) => {
               autoprefixer(),
               postCssCustomProperties({
                 preserve: false,
-                importFrom: [locateCssVariables()]
+                importFrom: [locateCssVariables()],
+                disableDeprecationNotice: true
               }),
               postCssCalc(),
               postCssNesting(),

webpack.config.cli.prod.js

@@ -77,7 +77,8 @@ const buildConfig = (stripesConfig) => {
               autoprefixer(),
               postCssCustomProperties({
                 preserve: false,
-                importFrom: [path.join(generateStripesAlias('@folio/stripes-components'), 'lib/variables.css')]
+                importFrom: [path.join(generateStripesAlias('@folio/stripes-components'), 'lib/variables.css')],
+                disableDeprecationNotice: true
               }),
               postCssCalc(),
               postCssNesting(),