Make inset utilities customizable

Author: adamwathan

__tests__/fixtures/tailwind-output-important.css

@@ -5667,20 +5667,20 @@ samp {
   position: sticky !important;
 }
 
-.inset-auto {
-  top: auto !important;
-  right: auto !important;
-  bottom: auto !important;
-  left: auto !important;
-}
-
 .inset-0 {
   top: 0 !important;
   right: 0 !important;
   bottom: 0 !important;
   left: 0 !important;
 }
 
+.inset-auto {
+  top: auto !important;
+  right: auto !important;
+  bottom: auto !important;
+  left: auto !important;
+}
+
 .inset-y-0 {
   top: 0 !important;
   bottom: 0 !important;
@@ -5691,6 +5691,16 @@ samp {
   left: 0 !important;
 }
 
+.inset-y-auto {
+  top: auto !important;
+  bottom: auto !important;
+}
+
+.inset-x-auto {
+  right: auto !important;
+  left: auto !important;
+}
+
 .top-0 {
   top: 0 !important;
 }
@@ -5707,6 +5717,22 @@ samp {
   left: 0 !important;
 }
 
+.top-auto {
+  top: auto !important;
+}
+
+.right-auto {
+  right: auto !important;
+}
+
+.bottom-auto {
+  bottom: auto !important;
+}
+
+.left-auto {
+  left: auto !important;
+}
+
 .resize-none {
   resize: none !important;
 }
@@ -12416,20 +12442,20 @@ samp {
     position: sticky !important;
   }
 
-  .sm\:inset-auto {
-    top: auto !important;
-    right: auto !important;
-    bottom: auto !important;
-    left: auto !important;
-  }
-
   .sm\:inset-0 {
     top: 0 !important;
     right: 0 !important;
     bottom: 0 !important;
     left: 0 !important;
   }
 
+  .sm\:inset-auto {
+    top: auto !important;
+    right: auto !important;
+    bottom: auto !important;
+    left: auto !important;
+  }
+
   .sm\:inset-y-0 {
     top: 0 !important;
     bottom: 0 !important;
@@ -12440,6 +12466,16 @@ samp {
     left: 0 !important;
   }
 
+  .sm\:inset-y-auto {
+    top: auto !important;
+    bottom: auto !important;
+  }
+
+  .sm\:inset-x-auto {
+    right: auto !important;
+    left: auto !important;
+  }
+
   .sm\:top-0 {
     top: 0 !important;
   }
@@ -12456,6 +12492,22 @@ samp {
     left: 0 !important;
   }
 
+  .sm\:top-auto {
+    top: auto !important;
+  }
+
+  .sm\:right-auto {
+    right: auto !important;
+  }
+
+  .sm\:bottom-auto {
+    bottom: auto !important;
+  }
+
+  .sm\:left-auto {
+    left: auto !important;
+  }
+
   .sm\:resize-none {
     resize: none !important;
   }
@@ -19158,20 +19210,20 @@ samp {
     position: sticky !important;
   }
 
-  .md\:inset-auto {
-    top: auto !important;
-    right: auto !important;
-    bottom: auto !important;
-    left: auto !important;
-  }
-
   .md\:inset-0 {
     top: 0 !important;
     right: 0 !important;
     bottom: 0 !important;
     left: 0 !important;
   }
 
+  .md\:inset-auto {
+    top: auto !important;
+    right: auto !important;
+    bottom: auto !important;
+    left: auto !important;
+  }
+
   .md\:inset-y-0 {
     top: 0 !important;
     bottom: 0 !important;
@@ -19182,6 +19234,16 @@ samp {
     left: 0 !important;
   }
 
+  .md\:inset-y-auto {
+    top: auto !important;
+    bottom: auto !important;
+  }
+
+  .md\:inset-x-auto {
+    right: auto !important;
+    left: auto !important;
+  }
+
   .md\:top-0 {
     top: 0 !important;
   }
@@ -19198,6 +19260,22 @@ samp {
     left: 0 !important;
   }
 
+  .md\:top-auto {
+    top: auto !important;
+  }
+
+  .md\:right-auto {
+    right: auto !important;
+  }
+
+  .md\:bottom-auto {
+    bottom: auto !important;
+  }
+
+  .md\:left-auto {
+    left: auto !important;
+  }
+
   .md\:resize-none {
     resize: none !important;
   }
@@ -25900,20 +25978,20 @@ samp {
     position: sticky !important;
   }
 
-  .lg\:inset-auto {
-    top: auto !important;
-    right: auto !important;
-    bottom: auto !important;
-    left: auto !important;
-  }
-
   .lg\:inset-0 {
     top: 0 !important;
     right: 0 !important;
     bottom: 0 !important;
     left: 0 !important;
   }
 
+  .lg\:inset-auto {
+    top: auto !important;
+    right: auto !important;
+    bottom: auto !important;
+    left: auto !important;
+  }
+
   .lg\:inset-y-0 {
     top: 0 !important;
     bottom: 0 !important;
@@ -25924,6 +26002,16 @@ samp {
     left: 0 !important;
   }
 
+  .lg\:inset-y-auto {
+    top: auto !important;
+    bottom: auto !important;
+  }
+
+  .lg\:inset-x-auto {
+    right: auto !important;
+    left: auto !important;
+  }
+
   .lg\:top-0 {
     top: 0 !important;
   }
@@ -25940,6 +26028,22 @@ samp {
     left: 0 !important;
   }
 
+  .lg\:top-auto {
+    top: auto !important;
+  }
+
+  .lg\:right-auto {
+    right: auto !important;
+  }
+
+  .lg\:bottom-auto {
+    bottom: auto !important;
+  }
+
+  .lg\:left-auto {
+    left: auto !important;
+  }
+
   .lg\:resize-none {
     resize: none !important;
   }
@@ -32642,20 +32746,20 @@ samp {
     position: sticky !important;
   }
 
-  .xl\:inset-auto {
-    top: auto !important;
-    right: auto !important;
-    bottom: auto !important;
-    left: auto !important;
-  }
-
   .xl\:inset-0 {
     top: 0 !important;
     right: 0 !important;
     bottom: 0 !important;
     left: 0 !important;
   }
 
+  .xl\:inset-auto {
+    top: auto !important;
+    right: auto !important;
+    bottom: auto !important;
+    left: auto !important;
+  }
+
   .xl\:inset-y-0 {
     top: 0 !important;
     bottom: 0 !important;
@@ -32666,6 +32770,16 @@ samp {
     left: 0 !important;
   }
 
+  .xl\:inset-y-auto {
+    top: auto !important;
+    bottom: auto !important;
+  }
+
+  .xl\:inset-x-auto {
+    right: auto !important;
+    left: auto !important;
+  }
+
   .xl\:top-0 {
     top: 0 !important;
   }
@@ -32682,6 +32796,22 @@ samp {
     left: 0 !important;
   }
 
+  .xl\:top-auto {
+    top: auto !important;
+  }
+
+  .xl\:right-auto {
+    right: auto !important;
+  }
+
+  .xl\:bottom-auto {
+    bottom: auto !important;
+  }
+
+  .xl\:left-auto {
+    left: auto !important;
+  }
+
   .xl\:resize-none {
     resize: none !important;
   }