Replace postcss-next with postcss-preset-env

Author: alexdevero

package.json

@@ -34,6 +34,9 @@
     "npm": ">=5.0.0",
     "yarn": ">=1.0.0"
   },
+  "browserslist": [
+    "last 4 versions"
+  ],
   "main": "main.js",
   "scripts": {
     "prod": "webpack --mode production --config webpack.build.config.js && electron --noDevServer .",
@@ -57,10 +60,10 @@
     "file-loader": "^5.0.2",
     "html-webpack-plugin": "^3.2.0",
     "mini-css-extract-plugin": "^0.8.0",
-    "postcss-cssnext": "^3.1.0",
     "postcss-import": "^12.0.1",
     "postcss-loader": "^3.0.0",
     "postcss-nested": "^4.2.1",
+    "postcss-preset-env": "^6.7.0",
     "postcss-pxtorem": "^4.0.1",
     "style-loader": "^1.0.1",
     "webpack": "^4.41.2",

postcss.config.js

@@ -1,15 +1,8 @@
 module.exports = {
   plugins: {
-    'postcss-cssnext': {
-      browsers: [
-        'Firefox >= 58',
-        'Chrome >= 62',
-        'ie >= 10',
-        'last 4 versions',
-        'Safari >= 9'
-      ]
-    },
     'postcss-import': {},
+    'postcss-nested': {},
+    'postcss-preset-env': {},
     'postcss-pxtorem': {
       rootValue: 16,
       unitPrecision: 5,
@@ -18,7 +11,6 @@ module.exports = {
       replace: true,
       mediaQuery: false,
       minPixelValue: 0
-    },
-    'postcss-nested': {}
+    }
   }
 }