fix(tailwind): non-inlined styles getting HTML entities on React 18 (#2858)

.changeset/rare-meals-lie.md

@@ -0,0 +1,5 @@
+---
+"@react-email/tailwind": patch
+---
+
+fix non-inlined styles getting html entities in React 18

packages/tailwind/src/tailwind.tsx

@@ -134,7 +134,11 @@ export function Tailwind({ children, config }: TailwindProps) {
       if (elementWithInlinedStyles.type === 'head') {
         appliedNonInlineStyles = true;
 
-        const styleElement = <style>{generate(nonInlineStyles)}</style>;
+        const styleElement = (
+          <style
+            dangerouslySetInnerHTML={{ __html: generate(nonInlineStyles) }}
+          />
+        );
 
         return React.cloneElement(
           elementWithInlinedStyles,