From 2846fffb1c63885e58f4fd375dd91cec3ccced8f Mon Sep 17 00:00:00 2001
From: John Coburn <jcoburn@ebsco.com>
Date: Mon, 23 Jan 2023 05:44:57 -0600
Subject: [PATCH] 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               | 16 ++++++++--------
 webpack.config.cli.dev.js  |  3 ++-
 webpack.config.cli.prod.js |  3 ++-
 3 files changed, 12 insertions(+), 10 deletions(-)

diff --git a/package.json b/package.json
index 42756c2..83ca010 100644
--- a/package.json
+++ b/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",
diff --git a/webpack.config.cli.dev.js b/webpack.config.cli.dev.js
index da14ede..cf9fac4 100644
--- a/webpack.config.cli.dev.js
+++ b/webpack.config.cli.dev.js
@@ -105,7 +105,8 @@ const buildConfig = (stripesConfig) => {
               autoprefixer(),
               postCssCustomProperties({
                 preserve: false,
-                importFrom: [locateCssVariables()]
+                importFrom: [locateCssVariables()],
+                disableDeprecationNotice: true
               }),
               postCssCalc(),
               postCssNesting(),
diff --git a/webpack.config.cli.prod.js b/webpack.config.cli.prod.js
index ea47e59..8edc099 100644
--- a/webpack.config.cli.prod.js
+++ b/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(),