Upgrade to PostCSS 5.x

Author: Jed Mao

package.json

@@ -30,37 +30,38 @@
     "cssnext": "dist/bin.js"
   },
   "dependencies": {
+    "autoprefixer": "^6.0.1",
     "autoprefixer-core": "^5.0.0",
     "caniuse-api": "^1.3.1",
     "chalk": "^1.0.0",
     "chokidar": "^1.0.0",
     "commander": "^2.3.0",
-    "cssnano": "^2.6.1",
+    "cssnano": "^3.0.0",
     "exit": "^0.1.2",
     "mkdirp": "^0.5.1",
-    "pixrem": "^1.1.0",
+    "pixrem": "^2.0.0",
     "pleeease-filters": "^1.0.0",
-    "postcss": "^4.0.2",
-    "postcss-calc": "^4.0.0",
-    "postcss-color-function": "^1.1.0",
-    "postcss-color-gray": "^2.0.0",
-    "postcss-color-hex-alpha": "^1.1.0",
-    "postcss-color-hwb": "^1.1.0",
-    "postcss-color-rebeccapurple": "^1.1.0",
-    "postcss-color-rgba-fallback": "^1.0.0",
-    "postcss-custom-media": "^4.0.0",
-    "postcss-custom-properties": "^4.0.0",
-    "postcss-custom-selectors": "^2.3.0",
-    "postcss-font-variant": "^1.0.0",
-    "postcss-import": "^6.0.0",
-    "postcss-media-minmax": "^1.1.0",
+    "postcss": "^5.0.4",
+    "postcss-calc": "^5.0.0",
+    "postcss-color-function": "^2.0.0",
+    "postcss-color-gray": "^3.0.0",
+    "postcss-color-hex-alpha": "^2.0.0",
+    "postcss-color-hwb": "^2.0.0",
+    "postcss-color-rebeccapurple": "^2.0.0",
+    "postcss-color-rgba-fallback": "^2.0.0",
+    "postcss-custom-media": "^5.0.0",
+    "postcss-custom-properties": "^5.0.0",
+    "postcss-custom-selectors": "^3.0.0",
+    "postcss-font-variant": "^2.0.0",
+    "postcss-import": "^7.0.0",
+    "postcss-media-minmax": "^2.0.0",
     "postcss-messages": "^0.2.2",
-    "postcss-pseudo-class-any-link": "^0.2.1",
-    "postcss-pseudoelements": "^2.1.1",
-    "postcss-reporter": "^0.1.0",
-    "postcss-selector-matches": "^1.2.1",
-    "postcss-selector-not": "^1.0.1",
-    "postcss-url": "^4.0.1",
+    "postcss-pseudo-class-any-link": "^1.0.0",
+    "postcss-pseudoelements": "^3.0.0",
+    "postcss-reporter": "^1.1.0",
+    "postcss-selector-matches": "^2.0.0",
+    "postcss-selector-not": "^2.0.0",
+    "postcss-url": "^5.0.0",
     "read-file-stdin": "^0.2.0",
     "to-slug-case": "^0.1.2",
     "to-space-case": "^0.1.3",

src/__tests__/option.plugins.js

@@ -10,7 +10,7 @@ test("cssnext option: plugins", (t) => {
       {
         plugins: [
           styles => {
-            styles.eachAtRule(atRule => {
+            styles.walkAtRules(atRule => {
               atRule.name = "ok"
             })
           },

src/fixes/custom-selectors-missing-colon.js

@@ -7,7 +7,7 @@ export default postcss.plugin(
 
     return (styles, result) => {
       let alert = false
-      styles.eachAtRule("custom-selector", rule => {
+      styles.walkAtRules("custom-selector", rule => {
         if (rule.params.indexOf("--") === 0) {
 
           // display big warning once

src/plugins/messages.js

@@ -69,7 +69,7 @@ export default postcss.plugin(
         selector = options.selector
       }
       else {
-        css.eachRule(rule => {
+        css.walkRules(rule => {
           if (
             rule.selector === "html::before" ||
             rule.selector === "html:before"