fix(tailwind): float-left utility being converted to `cssFloat: "le…

…ft"` (#1687)
resend · Sep 17, 2024 · 6c20067 · 6c20067
1 parent 077360f
commit 6c20067
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 8 deletions.
diff --git a/.changeset/selfish-garlics-clap.md b/.changeset/selfish-garlics-clap.md
@@ -0,0 +1,5 @@
+---
+"@react-email/tailwind": patch
+---
+
+Fix `css-float` being used for utilities such as `float-left`
diff --git a/packages/tailwind/src/utils/compatibility/css-to-jsx-style.spec.ts b/packages/tailwind/src/utils/compatibility/css-to-jsx-style.spec.ts
@@ -76,10 +76,6 @@ test("transforms rules with browser prefixes", () => {
   });
 });
 
-test("transforms float rule property to cssFloat", () => {
-  expect(cssToJsxStyle("float: left")).toEqual({ cssFloat: "left" });
-});
-
 test("transforms rules with urls", () => {
   expect(
     cssToJsxStyle(

diff --git a/packages/tailwind/src/utils/compatibility/css-to-jsx-style.ts b/packages/tailwind/src/utils/compatibility/css-to-jsx-style.ts
@@ -8,10 +8,6 @@ const convertPropertyName = (prop: string) => {
 
   modifiedProp = modifiedProp.toLowerCase();
 
-  if (modifiedProp === "float") {
-    return "cssFloat";
-  }
-
   if (modifiedProp.startsWith("--")) {
     return modifiedProp;
   }