STCOM-892 upgrade postcss to v8, webpack to v5

[zburke]

Upgrade postcss to v8 for compatibility with webpack v5. Upgrade
supporting postcss-* libs too of course.

See also:

• stripes-webpack STRWEB-4: Update webpack to version 5 stripes-webpack#36
• stripes-cli STCLI-187: Update webpack to v5 stripes-cli#270
• eslint-config-stripes ESCONF-13: Upgrade stripes-webpack to v3 and webpack to v5 eslint-config-stripes#85

Refs STCOM-892, STRWEB-4

[github-actions]

Jest Unit Test Statistics

0 files  ±0  0 suites  ±0   0s ⏱️ ±0s
0 tests ±0  0 ✔️ ±0  0 💤 ±0  0 ❌ ±0 

Results for commit 6c3aedd. ± Comparison against base commit b3b9cb9.

♻️ This comment has been updated with latest results.

[github-actions]

BigTest Unit Test Statistics

0 files   -        1  0 suites   - 1   0s ⏱️ -2s
0 tests  - 1 181  0 ✔️  - 1 176  0 💤  - 5  0 ❌ ±0 
0 runs   - 1 183  0 ✔️  - 1 178  0 💤  - 5  0 ❌ ±0 

Results for commit 6c3aedd. ± Comparison against base commit b3b9cb9.

♻️ This comment has been updated with latest results.

[zburke]

@JohnC-80, I updated storybook packages and config for webpack 5 and things now compile 🎉 But, many stories barf with an error referencing Icon:

Error: Element type is invalid: expected a string (for built-in components) 
or a class/function (for composite components) but got: undefined. You 
likely forgot to export your component from the file it's defined in, or you 
might have mixed up default and named imports.

Check the render method of `Icon`.

at createFiberFromTypeAndProps (http://localhost:9001/vendors-node_modules_storybook_addon-actions_dist_esm_index_js-node_modules_storybook_core-cl-fd9c71.iframe.bundle.js:251942:21)
...

You can git checkout this branch then apply the following patch to package.json to get the corresponding branches in stripes-cli and stripes-webpack:

diff --git a/package.json b/package.json
index 7e8af366..bce955c4 100644
--- a/package.json
+++ b/package.json
@@ -47,7 +47,7 @@
     "@bigtest/interactor": "0.7.2",
     "@bigtest/mocha": "^0.5.0",
     "@folio/eslint-config-stripes": "^6",
-    "@folio/stripes-cli": "^2.4.0",
+    "@folio/stripes-cli": "folio-org/stripes-cli#STCLI-187",
     "@folio/stripes-testing": "^4.0.0",
     "@mdx-js/loader": "^1.6.22",
     "@storybook/addon-actions": "^6.3.6",
@@ -133,6 +133,7 @@
     "react-router-dom": "^5.2.0"
   },
   "resolutions": {
-    "moment": "~2.24.0"
+    "moment": "~2.24.0",
+    "@folio/stripes-webpack": "folio-org/stripes-webpack#STRWEB-4"
   }
 }

[mkuklis]

@zburke you are on fire today! Nice work! 🎉

[JohnC-80]

The build speed improvement is 🔥 🔥 🔥 Great work, guys!

[sonarqubecloud]

Kudos, SonarCloud Quality Gate passed!   

0 Bugs
0 Vulnerabilities
0 Security Hotspots
0 Code Smells

No Coverage information
No Duplication information