feat(tailwind): extract pseudo classes to stylesheet

[Sjoertjuh]

Solves the following discussion: #1338

This extracts pseudo classes like :hover to the stylesheet.

[changeset-bot]

🦋 Changeset detected

Latest commit: 1d9227a

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 13 packages

Name	Type
@react-email/tailwind	Minor
@react-email/components	Patch
react-email-with-aws-ses	Patch
react-email-with-mailersend	Patch
react-email-with-nodemailer	Patch
react-email-with-plunk	Patch
react-email-with-postmark	Patch
react-email-with-resend	Patch
react-email-with-sendgrid	Patch
react-email-with-next-scaleway	Patch
react-email-with-node-scaleway	Patch
react-email-starter	Patch
create-email	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[vercel]

@Sjoertjuh is attempting to deploy a commit to the resend Team on Vercel.

A member of the Team first needs to authorize it.

[gabrielmfern]

Great work, really nice! We planned on having this at some point, so this is really helpful!

One thing that still needs an adjustment is when the user has a media query with pseudo selectors as well, I also added in a change in the tests that currently fails to ensure that this works.

https://github.com/Sjoertjuh/react-email/blob/a15b0b014e60d19b17e3f25f0cc6fd2e20578e77/packages/tailwind/src/tailwind.spec.tsx#L404-L409

Another thing I'd like improvement is the duplicated code between the sanitization of media queries and of the pseudo selectors, since they seem to be mostly the same.

[Sjoertjuh]

I indeed forgot that you could mix media queries with pseudo classes, so I added that. Also the change in the test was not completely correct, so that is updated as well.
I don't have too much time at the moment, so I'll have a look later if some parts could be shared between the two (or maybe even put into a single function)