fix(tailwind): float-left utility being converted to cssFloat: "left" (#1687)

Author: gabrielmfern

.changeset/selfish-garlics-clap.md

@@ -0,0 +1,5 @@
+---
+"@react-email/tailwind": patch
+---
+
+Fix `css-float` being used for utilities such as `float-left`

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(

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;
   }