Bad tailwind style outputs for Gmail

[luantran1311]

Describe the Bug

I used Tailwind components.

It looks fine in the preview page:

But terrible on Gmail:

Which package is affected (leave empty if unsure)

@react-email/components

Link to the code that reproduces this issue

https://anotepad.com/notes/5nmr7a67

To Reproduce

N/A

Expected Behavior

Styling in Gmail, Yahoo, or any other mailing system should match the preview page

What's your node version? (if relevant)

Node 18 LTS