diff --git a/.travis.yml b/.travis.yml
index 158ce41..2ad4fa9 100644
--- a/.travis.yml
+++ b/.travis.yml
@@ -5,7 +5,6 @@ node_js:
   - '6'
   - '5'
   - '4'
-  - '0.12'
 
 script:
   - npm run test
diff --git a/appveyor.yml b/appveyor.yml
index 615f0b6..6b3e730 100644
--- a/appveyor.yml
+++ b/appveyor.yml
@@ -5,7 +5,6 @@ environment:
     - nodejs_version: 6
     - nodejs_version: 5
     - nodejs_version: 4
-    - nodejs_version: 0.12
 
 version: "{build}"
 build: off
diff --git a/package.json b/package.json
index b17418a..6a089db 100644
--- a/package.json
+++ b/package.json
@@ -21,34 +21,33 @@
     "!**/__tests__"
   ],
   "dependencies": {
-    "autoprefixer": "^6.0.2",
-    "caniuse-api": "^1.5.3",
+    "autoprefixer": "^7.1.0",
+    "caniuse-api": "^2.0.0",
     "chalk": "^1.1.1",
-    "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",
+    "pleeease-filters": "^4.0.0",
+    "postcss": "^6.0.1",
+    "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": "^1.0.5",
-    "postcss-color-hwb": "^2.0.0",
-    "postcss-color-rebeccapurple": "^2.0.0",
+    "postcss-color-hwb": "^3.0.0",
+    "postcss-color-rebeccapurple": "^3.0.0",
     "postcss-color-rgb": "^1.1.4",
-    "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-custom-media": "^6.0.0",
+    "postcss-custom-properties": "^6.0.1",
+    "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.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-initial": "^2.0.0",
+    "postcss-media-minmax": "^3.0.0",
+    "postcss-nesting": "^3.0.0",
+    "postcss-pseudo-class-any-link": "^4.0.0",
     "postcss-replace-overflow-wrap": "^1.0.0",
-    "postcss-selector-matches": "^2.0.0",
-    "postcss-selector-not": "^2.0.0"
+    "postcss-selector-matches": "^3.0.1",
+    "postcss-selector-not": "^3.0.1"
   },
   "peerDependencies": {
     "caniuse-db": "^1.0.30000652"
@@ -95,8 +94,9 @@
     "npmpub": "^3.1.0",
     "object-assign": "^3.0.0",
     "opn": "^1.0.2",
+    "postcss-apply": "^0.7.0",
     "postcss-browser-reporter": "^0.4.0",
-    "postcss-import": "^7.1.3",
+    "postcss-import": "^10.0.0",
     "postcss-loader": "^0.8.0",
     "postcss-reporter": "^1.3.0",
     "postcss-url": "^5.0.2",
diff --git a/src/__tests__/fixtures/features/color-rebeccapurple.expected.css b/src/__tests__/fixtures/features/color-rebeccapurple.expected.css
index 17739fc..0dab2ec 100644
--- a/src/__tests__/fixtures/features/color-rebeccapurple.expected.css
+++ b/src/__tests__/fixtures/features/color-rebeccapurple.expected.css
@@ -1,3 +1,3 @@
 body {
-  background: rgb(102, 51, 153)
+  background: #639
 }
diff --git a/src/__tests__/fixtures/features/image-set.expected.css b/src/__tests__/fixtures/features/image-set.expected.css
index a4d629a..98b5dcf 100644
--- a/src/__tests__/fixtures/features/image-set.expected.css
+++ b/src/__tests__/fixtures/features/image-set.expected.css
@@ -1,13 +1,9 @@
 .image {
   background-image: url(img/test.png);
+}@media (min-resolution: 144dpi) {.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);
-  }
 }
diff --git a/src/__tests__/fixtures/regression.expected.css b/src/__tests__/fixtures/regression.expected.css
index 7bd116c..c3021dc 100644
--- a/src/__tests__/fixtures/regression.expected.css
+++ b/src/__tests__/fixtures/regression.expected.css
@@ -1,7 +1,3 @@
-.button {
-}
-
-.button i {
-
+.button i{
     color: black
 }
diff --git a/src/__tests__/option.browsers.js b/src/__tests__/option.browsers.js
index 4cf7432..e77a5c0 100644
--- a/src/__tests__/option.browsers.js
+++ b/src/__tests__/option.browsers.js
@@ -5,7 +5,7 @@ import cssnext from ".."
 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(