diff --git a/.changeset/selfish-garlics-clap.md b/.changeset/selfish-garlics-clap.md new file mode 100644 index 0000000000..b7aecf602a --- /dev/null +++ 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 index c2677371eb..89cef83853 100644 --- 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 index fe21291c0b..d086ae1edb 100644 --- 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; }