Repository: tailwindlabs/tailwindcss-jit (js)

Issue:
Arbitrary styles issue with transition-duration
I tried to change the duration of transition, but jit compiler doesn't apply this. It always applies the default 150ms value. 

`transition duration-[250ms]`

Generated css; 
```css
.transition {
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
```

Pull request description:
Add support for arbitrary transition-duration
Resolves #68 

Patch:
diff --git a/src/corePlugins/transitionDuration.js b/src/corePlugins/transitionDuration.js
index 50dc15b..0a3cf92 100644
--- a/src/corePlugins/transitionDuration.js
+++ b/src/corePlugins/transitionDuration.js
@@ -1,9 +1,9 @@
-const { nameClass } = require('../pluginUtils')
+const { nameClass, asValue } = require('../pluginUtils')
 
 module.exports = function ({ matchUtilities, jit: { theme } }) {
   matchUtilities({
     duration: (modifier, { theme }) => {
-      let value = theme.transitionDuration[modifier]
+      let value = asValue(modifier, theme.transitionDuration)
 
       if (value === undefined) {
         return []


Test patch:
diff --git a/tests/08-arbitrary-values.test.css b/tests/08-arbitrary-values.test.css
index 1458d5a..29f73b4 100644
--- a/tests/08-arbitrary-values.test.css
+++ b/tests/08-arbitrary-values.test.css
@@ -76,3 +76,6 @@
 .text-\[2\.23rem\] {
   font-size: 2.23rem;
 }
+.duration-\[2s\] {
+  transition-duration: 2s;
+}
diff --git a/tests/08-arbitrary-values.test.html b/tests/08-arbitrary-values.test.html
index 68f9db4..f414c70 100644
--- a/tests/08-arbitrary-values.test.html
+++ b/tests/08-arbitrary-values.test.html
@@ -21,5 +21,6 @@
     <div class="grid-cols-[200px,repeat(auto-fill,minmax(15%,100px)),300px]"></div>
     <div class="rotate-[23deg] rotate-[2.3rad] rotate-[401grad] rotate-[1.5turn]"></div>
     <div class="text-[2.23rem]"></div>
+    <div class="duration-[2s]"></div>
   </body>
 </html>