Fix use of falsy values in theme config

tailwindlabs · Jan 5, 2022 · dc8f3f0 · dc8f3f0
1 parent fc6c27d
commit dc8f3f0
Show file tree

Hide file tree

Showing 2 changed files with 29 additions and 1 deletion.
diff --git a/src/util/pluginUtils.js b/src/util/pluginUtils.js
@@ -185,7 +185,7 @@ export function coerceValue(types, modifier, options, tailwindConfig) {
   // Find first matching type
   for (let type of [].concat(types)) {
     let result = typeMap[type](modifier, options, { tailwindConfig })
-    if (result) return [result, type]
+    if (result !== undefined) return [result, type]
   }
 
   return []

diff --git a/tests/basic-usage.test.js b/tests/basic-usage.test.js
@@ -109,3 +109,31 @@ test('per-plugin colors with the same key can differ when using a custom colors
     `)
   })
 })
+
+it('fasly config values still work', () => {
+  let config = {
+    content: [{raw: html`<div class="inset-0"></div>`}],
+    theme: {
+      inset: {
+        0: 0,
+      },
+     },
+    plugins: [],
+    corePlugins: { preflight: false },
+  }
+
+  let input = css`
+    @tailwind utilities;
+  `
+
+  return run(input, config).then((result) => {
+    expect(result.css).toMatchFormattedCss(css`
+      .inset-0 {
+        top: 0;
+        right: 0;
+        bottom: 0;
+        left: 0;
+      }
+    `)
+  })
+})