Use progressive maxWidth scale

Author: adamwathan

__tests__/fixtures/tailwind-output-important.css

@@ -3730,35 +3730,47 @@ table {
 }
 
 .max-w-sm {
-  max-width: 30rem !important;
+  max-width: 24rem !important;
 }
 
 .max-w-md {
-  max-width: 40rem !important;
+  max-width: 28rem !important;
 }
 
 .max-w-lg {
-  max-width: 50rem !important;
+  max-width: 32rem !important;
 }
 
 .max-w-xl {
-  max-width: 60rem !important;
+  max-width: 36rem !important;
 }
 
 .max-w-2xl {
-  max-width: 70rem !important;
+  max-width: 42rem !important;
 }
 
 .max-w-3xl {
-  max-width: 80rem !important;
+  max-width: 48rem !important;
 }
 
 .max-w-4xl {
-  max-width: 90rem !important;
+  max-width: 56rem !important;
 }
 
 .max-w-5xl {
-  max-width: 100rem !important;
+  max-width: 64rem !important;
+}
+
+.max-w-7xl {
+  max-width: 72rem !important;
+}
+
+.max-w-8xl {
+  max-width: 80rem !important;
+}
+
+.max-w-9xl {
+  max-width: 90rem !important;
 }
 
 .max-w-full {
@@ -9815,35 +9827,47 @@ table {
   }
 
   .sm\:max-w-sm {
-    max-width: 30rem !important;
+    max-width: 24rem !important;
   }
 
   .sm\:max-w-md {
-    max-width: 40rem !important;
+    max-width: 28rem !important;
   }
 
   .sm\:max-w-lg {
-    max-width: 50rem !important;
+    max-width: 32rem !important;
   }
 
   .sm\:max-w-xl {
-    max-width: 60rem !important;
+    max-width: 36rem !important;
   }
 
   .sm\:max-w-2xl {
-    max-width: 70rem !important;
+    max-width: 42rem !important;
   }
 
   .sm\:max-w-3xl {
-    max-width: 80rem !important;
+    max-width: 48rem !important;
   }
 
   .sm\:max-w-4xl {
-    max-width: 90rem !important;
+    max-width: 56rem !important;
   }
 
   .sm\:max-w-5xl {
-    max-width: 100rem !important;
+    max-width: 64rem !important;
+  }
+
+  .sm\:max-w-7xl {
+    max-width: 72rem !important;
+  }
+
+  .sm\:max-w-8xl {
+    max-width: 80rem !important;
+  }
+
+  .sm\:max-w-9xl {
+    max-width: 90rem !important;
   }
 
   .sm\:max-w-full {
@@ -15885,35 +15909,47 @@ table {
   }
 
   .md\:max-w-sm {
-    max-width: 30rem !important;
+    max-width: 24rem !important;
   }
 
   .md\:max-w-md {
-    max-width: 40rem !important;
+    max-width: 28rem !important;
   }
 
   .md\:max-w-lg {
-    max-width: 50rem !important;
+    max-width: 32rem !important;
   }
 
   .md\:max-w-xl {
-    max-width: 60rem !important;
+    max-width: 36rem !important;
   }
 
   .md\:max-w-2xl {
-    max-width: 70rem !important;
+    max-width: 42rem !important;
   }
 
   .md\:max-w-3xl {
-    max-width: 80rem !important;
+    max-width: 48rem !important;
   }
 
   .md\:max-w-4xl {
-    max-width: 90rem !important;
+    max-width: 56rem !important;
   }
 
   .md\:max-w-5xl {
-    max-width: 100rem !important;
+    max-width: 64rem !important;
+  }
+
+  .md\:max-w-7xl {
+    max-width: 72rem !important;
+  }
+
+  .md\:max-w-8xl {
+    max-width: 80rem !important;
+  }
+
+  .md\:max-w-9xl {
+    max-width: 90rem !important;
   }
 
   .md\:max-w-full {
@@ -21955,35 +21991,47 @@ table {
   }
 
   .lg\:max-w-sm {
-    max-width: 30rem !important;
+    max-width: 24rem !important;
   }
 
   .lg\:max-w-md {
-    max-width: 40rem !important;
+    max-width: 28rem !important;
   }
 
   .lg\:max-w-lg {
-    max-width: 50rem !important;
+    max-width: 32rem !important;
   }
 
   .lg\:max-w-xl {
-    max-width: 60rem !important;
+    max-width: 36rem !important;
   }
 
   .lg\:max-w-2xl {
-    max-width: 70rem !important;
+    max-width: 42rem !important;
   }
 
   .lg\:max-w-3xl {
-    max-width: 80rem !important;
+    max-width: 48rem !important;
   }
 
   .lg\:max-w-4xl {
-    max-width: 90rem !important;
+    max-width: 56rem !important;
   }
 
   .lg\:max-w-5xl {
-    max-width: 100rem !important;
+    max-width: 64rem !important;
+  }
+
+  .lg\:max-w-7xl {
+    max-width: 72rem !important;
+  }
+
+  .lg\:max-w-8xl {
+    max-width: 80rem !important;
+  }
+
+  .lg\:max-w-9xl {
+    max-width: 90rem !important;
   }
 
   .lg\:max-w-full {
@@ -28025,35 +28073,47 @@ table {
   }
 
   .xl\:max-w-sm {
-    max-width: 30rem !important;
+    max-width: 24rem !important;
   }
 
   .xl\:max-w-md {
-    max-width: 40rem !important;
+    max-width: 28rem !important;
   }
 
   .xl\:max-w-lg {
-    max-width: 50rem !important;
+    max-width: 32rem !important;
   }
 
   .xl\:max-w-xl {
-    max-width: 60rem !important;
+    max-width: 36rem !important;
   }
 
   .xl\:max-w-2xl {
-    max-width: 70rem !important;
+    max-width: 42rem !important;
   }
 
   .xl\:max-w-3xl {
-    max-width: 80rem !important;
+    max-width: 48rem !important;
   }
 
   .xl\:max-w-4xl {
-    max-width: 90rem !important;
+    max-width: 56rem !important;
   }
 
   .xl\:max-w-5xl {
-    max-width: 100rem !important;
+    max-width: 64rem !important;
+  }
+
+  .xl\:max-w-7xl {
+    max-width: 72rem !important;
+  }
+
+  .xl\:max-w-8xl {
+    max-width: 80rem !important;
+  }
+
+  .xl\:max-w-9xl {
+    max-width: 90rem !important;
   }
 
   .xl\:max-w-full {