Change: upgrade to PostCSS 6

For now just a (stupid) bump of all dependencies.

Some breaking changes:

- image-set polyfill change 2x from 144dpi to 192dpi
- whitespace changes for image-set polyfill output
- rebeccapurpule is now an hexa number
- custom-selector does not output useless (empty) blocks with a selector with no rules associated

You can expect some other since all postcss plugins used have been updated to latest versions. If you have unexpected regression, please check corresponding plugins changelog before opening an issue.

Author: MoOx

package.json

@@ -21,37 +21,37 @@
     "!**/__tests__"
   ],
   "dependencies": {
-    "autoprefixer": "^6.0.2",
-    "caniuse-api": "^1.5.3",
-    "chalk": "^1.1.1",
-    "pixrem": "^3.0.0",
-    "pleeease-filters": "^3.0.0",
-    "postcss": "^5.0.4",
-    "postcss-apply": "^0.3.0",
-    "postcss-attribute-case-insensitive": "^1.0.1",
-    "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-hsl": "^1.0.5",
-    "postcss-color-hwb": "^2.0.0",
-    "postcss-color-rebeccapurple": "^2.0.0",
-    "postcss-color-rgb": "^1.1.4",
-    "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-family-system-ui": "^1.0.1",
-    "postcss-font-variant": "^2.0.0",
-    "postcss-image-set-polyfill": "^0.3.3",
-    "postcss-initial": "^1.3.1",
-    "postcss-media-minmax": "^2.1.0",
-    "postcss-nesting": "^2.0.5",
-    "postcss-pseudo-class-any-link": "^1.0.0",
-    "postcss-pseudoelements": "^3.0.0",
-    "postcss-replace-overflow-wrap": "^1.0.0",
-    "postcss-selector-matches": "^2.0.0",
-    "postcss-selector-not": "^2.0.0"
+    "autoprefixer": "^7.1.1",
+    "caniuse-api": "^2.0.0",
+    "chalk": "^2.0.1",
+    "pixrem": "^3.0.2",
+    "pleeease-filters": "^4.0.0",
+    "postcss": "^6.0.5",
+    "postcss-apply": "^0.8.0",
+    "postcss-attribute-case-insensitive": "^2.0.0",
+    "postcss-calc": "^6.0.0",
+    "postcss-color-function": "^4.0.0",
+    "postcss-color-gray": "^4.0.0",
+    "postcss-color-hex-alpha": "^3.0.0",
+    "postcss-color-hsl": "^2.0.0",
+    "postcss-color-hwb": "^3.0.0",
+    "postcss-color-rebeccapurple": "^3.0.0",
+    "postcss-color-rgb": "^2.0.0",
+    "postcss-color-rgba-fallback": "^2.2.0",
+    "postcss-custom-media": "^6.0.0",
+    "postcss-custom-properties": "^6.1.0",
+    "postcss-custom-selectors": "^4.0.1",
+    "postcss-font-family-system-ui": "^2.0.1",
+    "postcss-font-variant": "^3.0.0",
+    "postcss-image-set-polyfill": "^0.3.5",
+    "postcss-initial": "^2.0.0",
+    "postcss-media-minmax": "^3.0.0",
+    "postcss-nesting": "^4.0.1",
+    "postcss-pseudo-class-any-link": "^4.0.0",
+    "postcss-pseudoelements": "^4.0.0",
+    "postcss-replace-overflow-wrap": "^2.0.0",
+    "postcss-selector-matches": "^3.0.1",
+    "postcss-selector-not": "^3.0.1"
   },
   "peerDependencies": {
     "caniuse-db": "^1.0.30000652"

src/__tests__/fixtures/features/color-rebeccapurple.expected.css

@@ -1,3 +1,3 @@
 body {
-  background: rgb(102, 51, 153)
+  background: #639
 }

src/__tests__/fixtures/features/image-set.expected.css

@@ -1,13 +1,9 @@
 .image {
   background-image: url(img/test.png);
+}@media (min-resolution: 192dpi) {.image {
+  background-image: url(img/test-2x.png);
 }
-@media (min-resolution: 144dpi) {
-  .image {
-    background-image: url(img/test-2x.png);
-  }
+}@media (min-resolution: 600dpi) {.image {
+  background-image: url(my-img-print.png);
 }
-@media (min-resolution: 600dpi) {
-  .image {
-    background-image: url(my-img-print.png);
-  }
 }

src/__tests__/fixtures/regression.expected.css

@@ -1,7 +1,3 @@
-.button {
-}
-
 .button i {
-
-    color: black
+    color: black;
 }

src/__tests__/option.browsers.js

@@ -13,7 +13,7 @@ tape("cssnext browsers option", function(t) {
   )
 
   const customPropsInput = ":root{--foo:bar}baz{qux:var(--foo)}"
-  const customPropsOutput = "baz{qux: bar}"
+  const customPropsOutput = "baz{qux:bar}"
 
   // fx 30 doesn't handle custom prop
   t.equal(