Upgrade autoprefixer

Author: philwareham

package.json

@@ -17,13 +17,14 @@
     "url": "https://github.com/textpattern/textpattern-jquery-ui-theme/issues"
   },
   "devDependencies": {
-    "autoprefixer": "9.8.6",
+    "autoprefixer": "10.2.4",
     "clean-webpack-plugin": "3.0.0",
     "cross-env": "7.0.3",
     "css-loader": "5.0.2",
     "fibers": "5.0.0",
     "mini-css-extract-plugin": "1.3.7",
-    "postcss-loader": "3.0.0",
+    "postcss": "8.2.6",
+    "postcss-loader": "5.0.0",
     "sass": "1.32.7",
     "sass-loader": "11.0.1",
     "stylelint": "13.10.0",

webpack.config.js

@@ -19,20 +19,31 @@ module.exports = {
                 test: /\.(scss)$/,
                 use: [
                     MiniCssExtractPlugin.loader,
-                    // Translates CSS into CommonJS modules.
-                    { loader: 'css-loader', options: { importLoaders: 2 } },
-                    // Run postCSS actions.
-                    { loader: 'postcss-loader', options: { plugins: [require('autoprefixer')] } },
-                    // Compiles Sass to CSS.
+                    {
+                        loader: 'css-loader',
+                        options: {
+                            importLoaders: 2,
+                        },
+                    },
+                    {
+                        loader: 'postcss-loader',
+                        options: {
+                            postcssOptions: {
+                                plugins: [
+                                    'autoprefixer',
+                                ],
+                            },
+                        },
+                    },
                     {
                         loader: 'sass-loader',
                         options: {
                             implementation: require('sass'),
                             sassOptions: {
-                                outputStyle: 'expanded'
-                            }
-                        }
-                    }
+                                outputStyle: 'expanded',
+                            },
+                        },
+                    },
                 ]
             },
         ]