Fix issue where base styles not generated for translate transforms in JIT (#5038)

Author: adamwathan

src/plugins/translate.js

@@ -5,8 +5,14 @@ export default function () {
     if (config('mode') === 'jit') {
       return createUtilityPlugin('translate', [
         [
-          ['translate-x', ['--tw-translate-x', ['transform', 'var(--tw-transform)']]],
-          ['translate-y', ['--tw-translate-y', ['transform', 'var(--tw-transform)']]],
+          [
+            'translate-x',
+            [['@defaults transform', {}], '--tw-translate-x', ['transform', 'var(--tw-transform)']],
+          ],
+          [
+            'translate-y',
+            [['@defaults transform', {}], '--tw-translate-y', ['transform', 'var(--tw-transform)']],
+          ],
         ],
       ])({ config, ...rest })
     } else {

tests/jit/basic-usage.test.css

@@ -1,3 +1,7 @@
+.translate-x-5,
+.-translate-x-4,
+.translate-y-6,
+.-translate-x-3,
 .rotate-3,
 .skew-y-12,
 .skew-x-12,

tests/jit/relative-purge-paths.test.css

@@ -1,3 +1,7 @@
+.translate-x-5,
+.-translate-x-4,
+.translate-y-6,
+.-translate-x-3,
 .rotate-3,
 .skew-y-12,
 .skew-x-12,