Upgrade autoprefixer and postcss related libraries

CONTRIBUTING.md

@@ -24,7 +24,7 @@ When you have a local copy of the project up and running, create a new branch wi
 git checkout -b patch-1
 ```
 
-Create Elm App uses [Commitizen](https://github.com/commitizen/cz-cli) and [semantic-release](https://github.com/semantic-release/semantic-release) for release automatization.
+Create Elm App uses [Commitizen](https://github.com/commitizen/cz-cli) and [semantic-release](https://github.com/semantic-release/semantic-release) for release automation.
 
 Commit changes by running `npm run cz`
 

appveyor.yml

@@ -7,8 +7,8 @@ platform:
 environment:
   matrix:
   # node.js
-    - nodejs_version: "8"
     - nodejs_version: "12"
+    - nodejs_version: "14"
 
 matrix:
   fast_finish: true

config/webpack.config.dev.js

@@ -210,13 +210,14 @@ module.exports = {
             options: {
               // Necessary for external CSS imports to work
               // https://github.com/facebook/create-react-app/issues/2677
-              ident: 'postcss',
-              plugins: () => [
-                require('postcss-flexbugs-fixes'),
-                autoprefixer({
-                  flexbox: 'no-2009',
-                }),
-              ],
+              postcssOptions: {
+                plugins: () => [
+                  require('postcss-flexbugs-fixes'),
+                  autoprefixer({
+                    flexbox: 'no-2009',
+                  }),
+                ],
+              },
             },
           },
         ],

config/webpack.config.prod.js

@@ -261,13 +261,14 @@ module.exports = {
             options: {
               // Necessary for external CSS imports to work
               // https://github.com/facebook/create-react-app/issues/2677
-              ident: 'postcss',
-              plugins: () => [
-                require('postcss-flexbugs-fixes'),
-                autoprefixer({
-                  flexbox: 'no-2009',
-                }),
-              ],
+              postcssOptions: {
+                plugins: () => [
+                  require('postcss-flexbugs-fixes'),
+                  autoprefixer({
+                    flexbox: 'no-2009',
+                  }),
+                ],
+              },
             },
           },
         ],

package.json

@@ -23,7 +23,7 @@
     "@babel/preset-env": "7.11.5",
     "@babel/runtime": "7.11.2",
     "assets-webpack-plugin": "3.9.12",
-    "autoprefixer": "8.6.5",
+    "autoprefixer": "10.0.1",
     "babel-loader": "8.1.0",
     "babel-runtime": "6.26.0",
     "case-sensitive-paths-webpack-plugin": "2.3.0",
@@ -49,8 +49,8 @@
     "object-assign": "4.1.1",
     "optimize-css-assets-webpack-plugin": "5.0.3",
     "postcss-flexbugs-fixes": "4.2.1",
-    "postcss-loader": "3.0.0",
-    "postcss-safe-parser": "4.0.2",
+    "postcss-loader": "4.0.3",
+    "postcss-safe-parser": "5.0.2",
     "promise": "8.1.0",
     "prompt": "1.0.0",
     "react-dev-utils": "6.1.1",