Bump postcss to ^8 (elastic#136303)

* Bump postcss to ^8 * fixes * fix config path * fix path * cleanup
legrego · Jul 19, 2022 · 88d6440 · 88d6440
1 parent 4a06e45
commit 88d6440
Show file tree

Hide file tree

Showing 7 changed files with 122 additions and 129 deletions.
diff --git a/package.json b/package.json
@@ -1000,7 +1000,7 @@
     "apidoc": "^0.29.0",
     "apidoc-markdown": "^6.0.0",
     "argsplit": "^1.0.5",
-    "autoprefixer": "^9.7.4",
+    "autoprefixer": "^10.4.7",
     "axe-core": "^4.0.2",
     "babel-jest": "^26.6.3",
     "babel-loader": "^8.2.2",
@@ -1070,7 +1070,7 @@
     "gulp-babel": "^8.0.0",
     "gulp-brotli": "^3.0.0",
     "gulp-gzip": "^1.4.2",
-    "gulp-postcss": "^8.0.0",
+    "gulp-postcss": "^9.0.1",
     "gulp-sourcemaps": "2.6.5",
     "gulp-terser": "^2.1.0",
     "gulp-zip": "^5.0.2",
@@ -1126,9 +1126,9 @@
     "pirates": "^4.0.1",
     "playwright": "^1.17.1",
     "pngjs": "^3.4.0",
-    "postcss": "^7.0.32",
-    "postcss-loader": "^3.0.0",
-    "postcss-prefix-selector": "^1.7.2",
+    "postcss": "^8.4.14",
+    "postcss-loader": "^4.2.0",
+    "postcss-prefix-selector": "^1.16.0",
     "prettier": "^2.7.1",
     "pretty-format": "^27.5.1",
     "q": "^1.5.1",

diff --git a/packages/kbn-optimizer/src/worker/webpack.config.ts b/packages/kbn-optimizer/src/worker/webpack.config.ts
@@ -166,8 +166,8 @@ export function getWebpackConfig(bundle: Bundle, bundleRefs: BundleRefs, worker:
                   loader: 'postcss-loader',
                   options: {
                     sourceMap: !worker.dist,
-                    config: {
-                      path: require.resolve('@kbn/optimizer/postcss.config.js'),
+                    postcssOptions: {
+                      config: require.resolve('@kbn/optimizer/postcss.config.js'),
                     },
                   },
                 },

diff --git a/packages/kbn-storybook/src/webpack.config.ts b/packages/kbn-storybook/src/webpack.config.ts
@@ -91,8 +91,8 @@ export default ({ config: storybookConfig }: { config: Configuration }) => {
             {
               loader: 'postcss-loader',
               options: {
-                config: {
-                  path: require.resolve('@kbn/optimizer/postcss.config.js'),
+                postcssOptions: {
+                  config: require.resolve('@kbn/optimizer/postcss.config.js'),
                 },
               },
             },

diff --git a/src/plugins/dashboard/public/application/embeddable/viewport/print_media/styling/_index.scss b/src/plugins/dashboard/public/application/embeddable/viewport/print_media/styling/_index.scss
@@ -45,8 +45,9 @@ Observations:
   }
 
   * {
-    -webkit-print-color-adjust: exact !important;   /* Chrome, Safari, Edge */
-    color-adjust: exact !important;                 /*Firefox*/
+    // requires upgrade to stylint 14
+    // stylelint-disable-next-line property-no-unknown
+    print-color-adjust: exact !important;
   }
 
 }
diff --git a/x-pack/plugins/canvas/shareable_runtime/webpack.config.js b/x-pack/plugins/canvas/shareable_runtime/webpack.config.js
@@ -78,8 +78,8 @@ module.exports = {
           {
             loader: 'postcss-loader',
             options: {
-              config: {
-                path: require.resolve('./postcss.config.js'),
+              postcssOptions: {
+                config: require.resolve('./postcss.config.js'),
               },
             },
           },
@@ -111,8 +111,8 @@ module.exports = {
           {
             loader: 'postcss-loader',
             options: {
-              config: {
-                path: require.resolve('@kbn/optimizer/postcss.config.js'),
+              postcssOptions: {
+                config: require.resolve('@kbn/optimizer/postcss.config.js'),
               },
             },
           },
@@ -142,8 +142,8 @@ module.exports = {
             loader: 'postcss-loader',
             options: {
               sourceMap: !isProd,
-              config: {
-                path: require.resolve('./postcss.config'),
+              postcssOptions: {
+                config: require.resolve('./postcss.config'),
               },
             },
           },

diff --git a/x-pack/plugins/canvas/storybook/canvas_webpack.ts b/x-pack/plugins/canvas/storybook/canvas_webpack.ts
@@ -30,7 +30,9 @@ export const canvasWebpack = {
           {
             loader: 'postcss-loader',
             options: {
-              path: resolve(KIBANA_ROOT, 'src/optimize/postcss.config.js'),
+              postcssOptions: {
+                config: resolve(KIBANA_ROOT, 'packages/kbn-optimizer/postcss.config.js'),
+              },
             },
           },
           {