Add PostCSS sizing utilities

src/defaultConfig.js

@@ -256,6 +256,44 @@ export default {
       'pink-lightest',
     ]
   },
+  sizing: {
+    common: {
+      '1': '0.25rem',
+      '2': '0.5rem',
+      '3': '0.75rem',
+      '4': '1rem',
+      '6': '1.5rem',
+      '8': '2rem',
+      '10': '2.5rem',
+      '12': '3rem',
+      '16': '4rem',
+      '24': '6rem',
+      '32': '8rem',
+      '40': '10rem',
+      '48': '12rem',
+      '64': '16rem',
+      '96': '24rem',
+      '128': '32rem',
+      'full': '100%',
+    },
+    width: {
+      '1\\/2': '50%',
+      '1\\/3': 'calc(100% / 3)',
+      '2\\/3': 'calc(100% / 3 * 2)',
+      '1\\/4': '25%',
+      '3\\/4': '75%',
+      '1\\/5': '20%',
+      '2\\/5': '40%',
+      '3\\/5': '60%',
+      '4\\/5': '80%',
+      '1\\/6': 'calc(100% / 6)',
+      '5\\/6': 'calc(100% / 6 * 5)',
+      'screen': '100vw'
+    },
+    height: {
+      'screen': '100vh'
+    }
+  },
   constrain: {
     'xs': '20rem',
     'sm': '30rem',