diff --git a/__tests__/fixtures/tailwind-output-important.css b/__tests__/fixtures/tailwind-output-important.css
index 3bd1b3dfa..513c74bd7 100644
--- a/__tests__/fixtures/tailwind-output-important.css
+++ b/__tests__/fixtures/tailwind-output-important.css
@@ -672,6 +672,10 @@ video {
   background-color: transparent !important;
 }
 
+.bg-current {
+  background-color: currentColor !important;
+}
+
 .bg-black {
   background-color: #000 !important;
 }
@@ -1044,6 +1048,10 @@ video {
   background-color: transparent !important;
 }
 
+.hover\:bg-current:hover {
+  background-color: currentColor !important;
+}
+
 .hover\:bg-black:hover {
   background-color: #000 !important;
 }
@@ -1416,6 +1424,10 @@ video {
   background-color: transparent !important;
 }
 
+.focus\:bg-current:focus {
+  background-color: currentColor !important;
+}
+
 .focus\:bg-black:focus {
   background-color: #000 !important;
 }
@@ -1868,6 +1880,10 @@ video {
   border-color: transparent !important;
 }
 
+.border-current {
+  border-color: currentColor !important;
+}
+
 .border-black {
   border-color: #000 !important;
 }
@@ -2240,6 +2256,10 @@ video {
   border-color: transparent !important;
 }
 
+.hover\:border-current:hover {
+  border-color: currentColor !important;
+}
+
 .hover\:border-black:hover {
   border-color: #000 !important;
 }
@@ -2612,6 +2632,10 @@ video {
   border-color: transparent !important;
 }
 
+.focus\:border-current:focus {
+  border-color: currentColor !important;
+}
+
 .focus\:border-black:focus {
   border-color: #000 !important;
 }
@@ -5956,6 +5980,10 @@ video {
   color: transparent !important;
 }
 
+.placeholder-current::placeholder {
+  color: currentColor !important;
+}
+
 .placeholder-black::placeholder {
   color: #000 !important;
 }
@@ -6328,6 +6356,10 @@ video {
   color: transparent !important;
 }
 
+.focus\:placeholder-current:focus::placeholder {
+  color: currentColor !important;
+}
+
 .focus\:placeholder-black:focus::placeholder {
   color: #000 !important;
 }
@@ -6974,6 +7006,10 @@ video {
   color: transparent !important;
 }
 
+.text-current {
+  color: currentColor !important;
+}
+
 .text-black {
   color: #000 !important;
 }
@@ -7346,6 +7382,10 @@ video {
   color: transparent !important;
 }
 
+.hover\:text-current:hover {
+  color: currentColor !important;
+}
+
 .hover\:text-black:hover {
   color: #000 !important;
 }
@@ -7718,6 +7758,10 @@ video {
   color: transparent !important;
 }
 
+.focus\:text-current:focus {
+  color: currentColor !important;
+}
+
 .focus\:text-black:focus {
   color: #000 !important;
 }
@@ -11021,6 +11065,10 @@ video {
     background-color: transparent !important;
   }
 
+  .sm\:bg-current {
+    background-color: currentColor !important;
+  }
+
   .sm\:bg-black {
     background-color: #000 !important;
   }
@@ -11393,6 +11441,10 @@ video {
     background-color: transparent !important;
   }
 
+  .sm\:hover\:bg-current:hover {
+    background-color: currentColor !important;
+  }
+
   .sm\:hover\:bg-black:hover {
     background-color: #000 !important;
   }
@@ -11765,6 +11817,10 @@ video {
     background-color: transparent !important;
   }
 
+  .sm\:focus\:bg-current:focus {
+    background-color: currentColor !important;
+  }
+
   .sm\:focus\:bg-black:focus {
     background-color: #000 !important;
   }
@@ -12217,6 +12273,10 @@ video {
     border-color: transparent !important;
   }
 
+  .sm\:border-current {
+    border-color: currentColor !important;
+  }
+
   .sm\:border-black {
     border-color: #000 !important;
   }
@@ -12589,6 +12649,10 @@ video {
     border-color: transparent !important;
   }
 
+  .sm\:hover\:border-current:hover {
+    border-color: currentColor !important;
+  }
+
   .sm\:hover\:border-black:hover {
     border-color: #000 !important;
   }
@@ -12961,6 +13025,10 @@ video {
     border-color: transparent !important;
   }
 
+  .sm\:focus\:border-current:focus {
+    border-color: currentColor !important;
+  }
+
   .sm\:focus\:border-black:focus {
     border-color: #000 !important;
   }
@@ -16305,6 +16373,10 @@ video {
     color: transparent !important;
   }
 
+  .sm\:placeholder-current::placeholder {
+    color: currentColor !important;
+  }
+
   .sm\:placeholder-black::placeholder {
     color: #000 !important;
   }
@@ -16677,6 +16749,10 @@ video {
     color: transparent !important;
   }
 
+  .sm\:focus\:placeholder-current:focus::placeholder {
+    color: currentColor !important;
+  }
+
   .sm\:focus\:placeholder-black:focus::placeholder {
     color: #000 !important;
   }
@@ -17323,6 +17399,10 @@ video {
     color: transparent !important;
   }
 
+  .sm\:text-current {
+    color: currentColor !important;
+  }
+
   .sm\:text-black {
     color: #000 !important;
   }
@@ -17695,6 +17775,10 @@ video {
     color: transparent !important;
   }
 
+  .sm\:hover\:text-current:hover {
+    color: currentColor !important;
+  }
+
   .sm\:hover\:text-black:hover {
     color: #000 !important;
   }
@@ -18067,6 +18151,10 @@ video {
     color: transparent !important;
   }
 
+  .sm\:focus\:text-current:focus {
+    color: currentColor !important;
+  }
+
   .sm\:focus\:text-black:focus {
     color: #000 !important;
   }
@@ -21371,6 +21459,10 @@ video {
     background-color: transparent !important;
   }
 
+  .md\:bg-current {
+    background-color: currentColor !important;
+  }
+
   .md\:bg-black {
     background-color: #000 !important;
   }
@@ -21743,6 +21835,10 @@ video {
     background-color: transparent !important;
   }
 
+  .md\:hover\:bg-current:hover {
+    background-color: currentColor !important;
+  }
+
   .md\:hover\:bg-black:hover {
     background-color: #000 !important;
   }
@@ -22115,6 +22211,10 @@ video {
     background-color: transparent !important;
   }
 
+  .md\:focus\:bg-current:focus {
+    background-color: currentColor !important;
+  }
+
   .md\:focus\:bg-black:focus {
     background-color: #000 !important;
   }
@@ -22567,6 +22667,10 @@ video {
     border-color: transparent !important;
   }
 
+  .md\:border-current {
+    border-color: currentColor !important;
+  }
+
   .md\:border-black {
     border-color: #000 !important;
   }
@@ -22939,6 +23043,10 @@ video {
     border-color: transparent !important;
   }
 
+  .md\:hover\:border-current:hover {
+    border-color: currentColor !important;
+  }
+
   .md\:hover\:border-black:hover {
     border-color: #000 !important;
   }
@@ -23311,6 +23419,10 @@ video {
     border-color: transparent !important;
   }
 
+  .md\:focus\:border-current:focus {
+    border-color: currentColor !important;
+  }
+
   .md\:focus\:border-black:focus {
     border-color: #000 !important;
   }
@@ -26655,6 +26767,10 @@ video {
     color: transparent !important;
   }
 
+  .md\:placeholder-current::placeholder {
+    color: currentColor !important;
+  }
+
   .md\:placeholder-black::placeholder {
     color: #000 !important;
   }
@@ -27027,6 +27143,10 @@ video {
     color: transparent !important;
   }
 
+  .md\:focus\:placeholder-current:focus::placeholder {
+    color: currentColor !important;
+  }
+
   .md\:focus\:placeholder-black:focus::placeholder {
     color: #000 !important;
   }
@@ -27673,6 +27793,10 @@ video {
     color: transparent !important;
   }
 
+  .md\:text-current {
+    color: currentColor !important;
+  }
+
   .md\:text-black {
     color: #000 !important;
   }
@@ -28045,6 +28169,10 @@ video {
     color: transparent !important;
   }
 
+  .md\:hover\:text-current:hover {
+    color: currentColor !important;
+  }
+
   .md\:hover\:text-black:hover {
     color: #000 !important;
   }
@@ -28417,6 +28545,10 @@ video {
     color: transparent !important;
   }
 
+  .md\:focus\:text-current:focus {
+    color: currentColor !important;
+  }
+
   .md\:focus\:text-black:focus {
     color: #000 !important;
   }
@@ -31721,6 +31853,10 @@ video {
     background-color: transparent !important;
   }
 
+  .lg\:bg-current {
+    background-color: currentColor !important;
+  }
+
   .lg\:bg-black {
     background-color: #000 !important;
   }
@@ -32093,6 +32229,10 @@ video {
     background-color: transparent !important;
   }
 
+  .lg\:hover\:bg-current:hover {
+    background-color: currentColor !important;
+  }
+
   .lg\:hover\:bg-black:hover {
     background-color: #000 !important;
   }
@@ -32465,6 +32605,10 @@ video {
     background-color: transparent !important;
   }
 
+  .lg\:focus\:bg-current:focus {
+    background-color: currentColor !important;
+  }
+
   .lg\:focus\:bg-black:focus {
     background-color: #000 !important;
   }
@@ -32917,6 +33061,10 @@ video {
     border-color: transparent !important;
   }
 
+  .lg\:border-current {
+    border-color: currentColor !important;
+  }
+
   .lg\:border-black {
     border-color: #000 !important;
   }
@@ -33289,6 +33437,10 @@ video {
     border-color: transparent !important;
   }
 
+  .lg\:hover\:border-current:hover {
+    border-color: currentColor !important;
+  }
+
   .lg\:hover\:border-black:hover {
     border-color: #000 !important;
   }
@@ -33661,6 +33813,10 @@ video {
     border-color: transparent !important;
   }
 
+  .lg\:focus\:border-current:focus {
+    border-color: currentColor !important;
+  }
+
   .lg\:focus\:border-black:focus {
     border-color: #000 !important;
   }
@@ -37005,6 +37161,10 @@ video {
     color: transparent !important;
   }
 
+  .lg\:placeholder-current::placeholder {
+    color: currentColor !important;
+  }
+
   .lg\:placeholder-black::placeholder {
     color: #000 !important;
   }
@@ -37377,6 +37537,10 @@ video {
     color: transparent !important;
   }
 
+  .lg\:focus\:placeholder-current:focus::placeholder {
+    color: currentColor !important;
+  }
+
   .lg\:focus\:placeholder-black:focus::placeholder {
     color: #000 !important;
   }
@@ -38023,6 +38187,10 @@ video {
     color: transparent !important;
   }
 
+  .lg\:text-current {
+    color: currentColor !important;
+  }
+
   .lg\:text-black {
     color: #000 !important;
   }
@@ -38395,6 +38563,10 @@ video {
     color: transparent !important;
   }
 
+  .lg\:hover\:text-current:hover {
+    color: currentColor !important;
+  }
+
   .lg\:hover\:text-black:hover {
     color: #000 !important;
   }
@@ -38767,6 +38939,10 @@ video {
     color: transparent !important;
   }
 
+  .lg\:focus\:text-current:focus {
+    color: currentColor !important;
+  }
+
   .lg\:focus\:text-black:focus {
     color: #000 !important;
   }
@@ -42071,6 +42247,10 @@ video {
     background-color: transparent !important;
   }
 
+  .xl\:bg-current {
+    background-color: currentColor !important;
+  }
+
   .xl\:bg-black {
     background-color: #000 !important;
   }
@@ -42443,6 +42623,10 @@ video {
     background-color: transparent !important;
   }
 
+  .xl\:hover\:bg-current:hover {
+    background-color: currentColor !important;
+  }
+
   .xl\:hover\:bg-black:hover {
     background-color: #000 !important;
   }
@@ -42815,6 +42999,10 @@ video {
     background-color: transparent !important;
   }
 
+  .xl\:focus\:bg-current:focus {
+    background-color: currentColor !important;
+  }
+
   .xl\:focus\:bg-black:focus {
     background-color: #000 !important;
   }
@@ -43267,6 +43455,10 @@ video {
     border-color: transparent !important;
   }
 
+  .xl\:border-current {
+    border-color: currentColor !important;
+  }
+
   .xl\:border-black {
     border-color: #000 !important;
   }
@@ -43639,6 +43831,10 @@ video {
     border-color: transparent !important;
   }
 
+  .xl\:hover\:border-current:hover {
+    border-color: currentColor !important;
+  }
+
   .xl\:hover\:border-black:hover {
     border-color: #000 !important;
   }
@@ -44011,6 +44207,10 @@ video {
     border-color: transparent !important;
   }
 
+  .xl\:focus\:border-current:focus {
+    border-color: currentColor !important;
+  }
+
   .xl\:focus\:border-black:focus {
     border-color: #000 !important;
   }
@@ -47355,6 +47555,10 @@ video {
     color: transparent !important;
   }
 
+  .xl\:placeholder-current::placeholder {
+    color: currentColor !important;
+  }
+
   .xl\:placeholder-black::placeholder {
     color: #000 !important;
   }
@@ -47727,6 +47931,10 @@ video {
     color: transparent !important;
   }
 
+  .xl\:focus\:placeholder-current:focus::placeholder {
+    color: currentColor !important;
+  }
+
   .xl\:focus\:placeholder-black:focus::placeholder {
     color: #000 !important;
   }
@@ -48373,6 +48581,10 @@ video {
     color: transparent !important;
   }
 
+  .xl\:text-current {
+    color: currentColor !important;
+  }
+
   .xl\:text-black {
     color: #000 !important;
   }
@@ -48745,6 +48957,10 @@ video {
     color: transparent !important;
   }
 
+  .xl\:hover\:text-current:hover {
+    color: currentColor !important;
+  }
+
   .xl\:hover\:text-black:hover {
     color: #000 !important;
   }
@@ -49117,6 +49333,10 @@ video {
     color: transparent !important;
   }
 
+  .xl\:focus\:text-current:focus {
+    color: currentColor !important;
+  }
+
   .xl\:focus\:text-black:focus {
     color: #000 !important;
   }
diff --git a/__tests__/fixtures/tailwind-output.css b/__tests__/fixtures/tailwind-output.css
index 2e7461e9b..0136ffc83 100644
--- a/__tests__/fixtures/tailwind-output.css
+++ b/__tests__/fixtures/tailwind-output.css
@@ -672,6 +672,10 @@ video {
   background-color: transparent;
 }
 
+.bg-current {
+  background-color: currentColor;
+}
+
 .bg-black {
   background-color: #000;
 }
@@ -1044,6 +1048,10 @@ video {
   background-color: transparent;
 }
 
+.hover\:bg-current:hover {
+  background-color: currentColor;
+}
+
 .hover\:bg-black:hover {
   background-color: #000;
 }
@@ -1416,6 +1424,10 @@ video {
   background-color: transparent;
 }
 
+.focus\:bg-current:focus {
+  background-color: currentColor;
+}
+
 .focus\:bg-black:focus {
   background-color: #000;
 }
@@ -1868,6 +1880,10 @@ video {
   border-color: transparent;
 }
 
+.border-current {
+  border-color: currentColor;
+}
+
 .border-black {
   border-color: #000;
 }
@@ -2240,6 +2256,10 @@ video {
   border-color: transparent;
 }
 
+.hover\:border-current:hover {
+  border-color: currentColor;
+}
+
 .hover\:border-black:hover {
   border-color: #000;
 }
@@ -2612,6 +2632,10 @@ video {
   border-color: transparent;
 }
 
+.focus\:border-current:focus {
+  border-color: currentColor;
+}
+
 .focus\:border-black:focus {
   border-color: #000;
 }
@@ -5956,6 +5980,10 @@ video {
   color: transparent;
 }
 
+.placeholder-current::placeholder {
+  color: currentColor;
+}
+
 .placeholder-black::placeholder {
   color: #000;
 }
@@ -6328,6 +6356,10 @@ video {
   color: transparent;
 }
 
+.focus\:placeholder-current:focus::placeholder {
+  color: currentColor;
+}
+
 .focus\:placeholder-black:focus::placeholder {
   color: #000;
 }
@@ -6974,6 +7006,10 @@ video {
   color: transparent;
 }
 
+.text-current {
+  color: currentColor;
+}
+
 .text-black {
   color: #000;
 }
@@ -7346,6 +7382,10 @@ video {
   color: transparent;
 }
 
+.hover\:text-current:hover {
+  color: currentColor;
+}
+
 .hover\:text-black:hover {
   color: #000;
 }
@@ -7718,6 +7758,10 @@ video {
   color: transparent;
 }
 
+.focus\:text-current:focus {
+  color: currentColor;
+}
+
 .focus\:text-black:focus {
   color: #000;
 }
@@ -11021,6 +11065,10 @@ video {
     background-color: transparent;
   }
 
+  .sm\:bg-current {
+    background-color: currentColor;
+  }
+
   .sm\:bg-black {
     background-color: #000;
   }
@@ -11393,6 +11441,10 @@ video {
     background-color: transparent;
   }
 
+  .sm\:hover\:bg-current:hover {
+    background-color: currentColor;
+  }
+
   .sm\:hover\:bg-black:hover {
     background-color: #000;
   }
@@ -11765,6 +11817,10 @@ video {
     background-color: transparent;
   }
 
+  .sm\:focus\:bg-current:focus {
+    background-color: currentColor;
+  }
+
   .sm\:focus\:bg-black:focus {
     background-color: #000;
   }
@@ -12217,6 +12273,10 @@ video {
     border-color: transparent;
   }
 
+  .sm\:border-current {
+    border-color: currentColor;
+  }
+
   .sm\:border-black {
     border-color: #000;
   }
@@ -12589,6 +12649,10 @@ video {
     border-color: transparent;
   }
 
+  .sm\:hover\:border-current:hover {
+    border-color: currentColor;
+  }
+
   .sm\:hover\:border-black:hover {
     border-color: #000;
   }
@@ -12961,6 +13025,10 @@ video {
     border-color: transparent;
   }
 
+  .sm\:focus\:border-current:focus {
+    border-color: currentColor;
+  }
+
   .sm\:focus\:border-black:focus {
     border-color: #000;
   }
@@ -16305,6 +16373,10 @@ video {
     color: transparent;
   }
 
+  .sm\:placeholder-current::placeholder {
+    color: currentColor;
+  }
+
   .sm\:placeholder-black::placeholder {
     color: #000;
   }
@@ -16677,6 +16749,10 @@ video {
     color: transparent;
   }
 
+  .sm\:focus\:placeholder-current:focus::placeholder {
+    color: currentColor;
+  }
+
   .sm\:focus\:placeholder-black:focus::placeholder {
     color: #000;
   }
@@ -17323,6 +17399,10 @@ video {
     color: transparent;
   }
 
+  .sm\:text-current {
+    color: currentColor;
+  }
+
   .sm\:text-black {
     color: #000;
   }
@@ -17695,6 +17775,10 @@ video {
     color: transparent;
   }
 
+  .sm\:hover\:text-current:hover {
+    color: currentColor;
+  }
+
   .sm\:hover\:text-black:hover {
     color: #000;
   }
@@ -18067,6 +18151,10 @@ video {
     color: transparent;
   }
 
+  .sm\:focus\:text-current:focus {
+    color: currentColor;
+  }
+
   .sm\:focus\:text-black:focus {
     color: #000;
   }
@@ -21371,6 +21459,10 @@ video {
     background-color: transparent;
   }
 
+  .md\:bg-current {
+    background-color: currentColor;
+  }
+
   .md\:bg-black {
     background-color: #000;
   }
@@ -21743,6 +21835,10 @@ video {
     background-color: transparent;
   }
 
+  .md\:hover\:bg-current:hover {
+    background-color: currentColor;
+  }
+
   .md\:hover\:bg-black:hover {
     background-color: #000;
   }
@@ -22115,6 +22211,10 @@ video {
     background-color: transparent;
   }
 
+  .md\:focus\:bg-current:focus {
+    background-color: currentColor;
+  }
+
   .md\:focus\:bg-black:focus {
     background-color: #000;
   }
@@ -22567,6 +22667,10 @@ video {
     border-color: transparent;
   }
 
+  .md\:border-current {
+    border-color: currentColor;
+  }
+
   .md\:border-black {
     border-color: #000;
   }
@@ -22939,6 +23043,10 @@ video {
     border-color: transparent;
   }
 
+  .md\:hover\:border-current:hover {
+    border-color: currentColor;
+  }
+
   .md\:hover\:border-black:hover {
     border-color: #000;
   }
@@ -23311,6 +23419,10 @@ video {
     border-color: transparent;
   }
 
+  .md\:focus\:border-current:focus {
+    border-color: currentColor;
+  }
+
   .md\:focus\:border-black:focus {
     border-color: #000;
   }
@@ -26655,6 +26767,10 @@ video {
     color: transparent;
   }
 
+  .md\:placeholder-current::placeholder {
+    color: currentColor;
+  }
+
   .md\:placeholder-black::placeholder {
     color: #000;
   }
@@ -27027,6 +27143,10 @@ video {
     color: transparent;
   }
 
+  .md\:focus\:placeholder-current:focus::placeholder {
+    color: currentColor;
+  }
+
   .md\:focus\:placeholder-black:focus::placeholder {
     color: #000;
   }
@@ -27673,6 +27793,10 @@ video {
     color: transparent;
   }
 
+  .md\:text-current {
+    color: currentColor;
+  }
+
   .md\:text-black {
     color: #000;
   }
@@ -28045,6 +28169,10 @@ video {
     color: transparent;
   }
 
+  .md\:hover\:text-current:hover {
+    color: currentColor;
+  }
+
   .md\:hover\:text-black:hover {
     color: #000;
   }
@@ -28417,6 +28545,10 @@ video {
     color: transparent;
   }
 
+  .md\:focus\:text-current:focus {
+    color: currentColor;
+  }
+
   .md\:focus\:text-black:focus {
     color: #000;
   }
@@ -31721,6 +31853,10 @@ video {
     background-color: transparent;
   }
 
+  .lg\:bg-current {
+    background-color: currentColor;
+  }
+
   .lg\:bg-black {
     background-color: #000;
   }
@@ -32093,6 +32229,10 @@ video {
     background-color: transparent;
   }
 
+  .lg\:hover\:bg-current:hover {
+    background-color: currentColor;
+  }
+
   .lg\:hover\:bg-black:hover {
     background-color: #000;
   }
@@ -32465,6 +32605,10 @@ video {
     background-color: transparent;
   }
 
+  .lg\:focus\:bg-current:focus {
+    background-color: currentColor;
+  }
+
   .lg\:focus\:bg-black:focus {
     background-color: #000;
   }
@@ -32917,6 +33061,10 @@ video {
     border-color: transparent;
   }
 
+  .lg\:border-current {
+    border-color: currentColor;
+  }
+
   .lg\:border-black {
     border-color: #000;
   }
@@ -33289,6 +33437,10 @@ video {
     border-color: transparent;
   }
 
+  .lg\:hover\:border-current:hover {
+    border-color: currentColor;
+  }
+
   .lg\:hover\:border-black:hover {
     border-color: #000;
   }
@@ -33661,6 +33813,10 @@ video {
     border-color: transparent;
   }
 
+  .lg\:focus\:border-current:focus {
+    border-color: currentColor;
+  }
+
   .lg\:focus\:border-black:focus {
     border-color: #000;
   }
@@ -37005,6 +37161,10 @@ video {
     color: transparent;
   }
 
+  .lg\:placeholder-current::placeholder {
+    color: currentColor;
+  }
+
   .lg\:placeholder-black::placeholder {
     color: #000;
   }
@@ -37377,6 +37537,10 @@ video {
     color: transparent;
   }
 
+  .lg\:focus\:placeholder-current:focus::placeholder {
+    color: currentColor;
+  }
+
   .lg\:focus\:placeholder-black:focus::placeholder {
     color: #000;
   }
@@ -38023,6 +38187,10 @@ video {
     color: transparent;
   }
 
+  .lg\:text-current {
+    color: currentColor;
+  }
+
   .lg\:text-black {
     color: #000;
   }
@@ -38395,6 +38563,10 @@ video {
     color: transparent;
   }
 
+  .lg\:hover\:text-current:hover {
+    color: currentColor;
+  }
+
   .lg\:hover\:text-black:hover {
     color: #000;
   }
@@ -38767,6 +38939,10 @@ video {
     color: transparent;
   }
 
+  .lg\:focus\:text-current:focus {
+    color: currentColor;
+  }
+
   .lg\:focus\:text-black:focus {
     color: #000;
   }
@@ -42071,6 +42247,10 @@ video {
     background-color: transparent;
   }
 
+  .xl\:bg-current {
+    background-color: currentColor;
+  }
+
   .xl\:bg-black {
     background-color: #000;
   }
@@ -42443,6 +42623,10 @@ video {
     background-color: transparent;
   }
 
+  .xl\:hover\:bg-current:hover {
+    background-color: currentColor;
+  }
+
   .xl\:hover\:bg-black:hover {
     background-color: #000;
   }
@@ -42815,6 +42999,10 @@ video {
     background-color: transparent;
   }
 
+  .xl\:focus\:bg-current:focus {
+    background-color: currentColor;
+  }
+
   .xl\:focus\:bg-black:focus {
     background-color: #000;
   }
@@ -43267,6 +43455,10 @@ video {
     border-color: transparent;
   }
 
+  .xl\:border-current {
+    border-color: currentColor;
+  }
+
   .xl\:border-black {
     border-color: #000;
   }
@@ -43639,6 +43831,10 @@ video {
     border-color: transparent;
   }
 
+  .xl\:hover\:border-current:hover {
+    border-color: currentColor;
+  }
+
   .xl\:hover\:border-black:hover {
     border-color: #000;
   }
@@ -44011,6 +44207,10 @@ video {
     border-color: transparent;
   }
 
+  .xl\:focus\:border-current:focus {
+    border-color: currentColor;
+  }
+
   .xl\:focus\:border-black:focus {
     border-color: #000;
   }
@@ -47355,6 +47555,10 @@ video {
     color: transparent;
   }
 
+  .xl\:placeholder-current::placeholder {
+    color: currentColor;
+  }
+
   .xl\:placeholder-black::placeholder {
     color: #000;
   }
@@ -47727,6 +47931,10 @@ video {
     color: transparent;
   }
 
+  .xl\:focus\:placeholder-current:focus::placeholder {
+    color: currentColor;
+  }
+
   .xl\:focus\:placeholder-black:focus::placeholder {
     color: #000;
   }
@@ -48373,6 +48581,10 @@ video {
     color: transparent;
   }
 
+  .xl\:text-current {
+    color: currentColor;
+  }
+
   .xl\:text-black {
     color: #000;
   }
@@ -48745,6 +48957,10 @@ video {
     color: transparent;
   }
 
+  .xl\:hover\:text-current:hover {
+    color: currentColor;
+  }
+
   .xl\:hover\:text-black:hover {
     color: #000;
   }
@@ -49117,6 +49333,10 @@ video {
     color: transparent;
   }
 
+  .xl\:focus\:text-current:focus {
+    color: currentColor;
+  }
+
   .xl\:focus\:text-black:focus {
     color: #000;
   }
diff --git a/stubs/defaultConfig.stub.js b/stubs/defaultConfig.stub.js
index f58c895f4..a1cc24a98 100644
--- a/stubs/defaultConfig.stub.js
+++ b/stubs/defaultConfig.stub.js
@@ -11,6 +11,7 @@ module.exports = {
     },
     colors: {
       transparent: 'transparent',
+      current: 'currentColor',
 
       black: '#000',
       white: '#fff',