From 95364289dd6d5a3934efe4cdab4d7dd5c74dcb65 Mon Sep 17 00:00:00 2001
From: Kimiaki Kuno <knokmki612@gmail.com>
Date: Tue, 15 Mar 2022 14:19:00 +0900
Subject: [PATCH] fix(tailwindcss): theme function returns undefined

ref: https://github.com/tailwindlabs/tailwindcss/issues/6436
---
 packages/tailwindcss/boxedTab.js        | 4 ++--
 packages/tailwindcss/lib/buttonStyle.js | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/tailwindcss/boxedTab.js b/packages/tailwindcss/boxedTab.js
index 94619785..383b2cb5 100644
--- a/packages/tailwindcss/boxedTab.js
+++ b/packages/tailwindcss/boxedTab.js
@@ -36,14 +36,14 @@ module.exports = plugin.withOptions(
               "border-radius": `${theme("borderRadius.md")} ${theme(
                 "borderRadius.md"
               )} 0 0`,
-              padding: `${theme("spacing['rel1.5']")} ${theme("spacing.rel5")}`,
+              padding: `${theme("spacing[rel1.5]")} ${theme("spacing.rel5")}`,
               "&[aria-selected=true]": {
                 border: `1px solid ${theme("colors.gray.300")}`,
                 "background-color": `${theme("colors.white")}`,
                 "border-bottom-color": "transparent",
                 position: "relative",
                 paddingTop: theme("spacing.rel2"),
-                paddingBottom: theme("spacing['rel1.5']"),
+                paddingBottom: theme("spacing[rel1.5]"),
               },
             },
           },
diff --git a/packages/tailwindcss/lib/buttonStyle.js b/packages/tailwindcss/lib/buttonStyle.js
index 4d71f570..319e2ce4 100644
--- a/packages/tailwindcss/lib/buttonStyle.js
+++ b/packages/tailwindcss/lib/buttonStyle.js
@@ -3,7 +3,7 @@ module.exports = (theme) => ({
     appearance: "none",
     borderRadius: theme("borderRadius.md"),
     display: "inline-block",
-    padding: `${theme("spacing['rel2.5']")} ${theme("spacing.rel5")}`,
+    padding: `${theme("spacing[rel2.5]")} ${theme("spacing.rel5")}`,
     textDecoration: "none !important",
   },
   disabled: {