feat(demo): use Tailwind v4 on all templates

[bukinoshita]

• feat(demo): use Tailwind v4 in aws-verify-email.tsx #2489
• feat(demo): use Tailwind v4 in linear-login-code.tsx #2490
• feat(demo): use Tailwind v4 in notion-magic-link.tsx #2488
• feat(demo): use Tailwind v4 in plaid-verify-identity.tsx #2491
• feat(demo): use Tailwind v4 in raycast-magic-link.tsx #2524
• feat(demo): use Tailwind v4 in slack-confirm.tsx #2492
• feat(demo): use Tailwind v4 in codepen-challengers.tsx #2493
• feat(demo): use Tailwind v4 in google-play-policy-update.tsx #2495
• feat(demo): use Tailwind v4 in stack-overflow-tips.tsx #2494
• feat(demo): use Tailwind v4 in github-access-token.tsx #2496
• feat(demo): use Tailwind v4 in yelp-recent-login.tsx #2497
• feat(demo): use Tailwind v4 in apple-receipt.tsx #2501
• feat(demo): use Tailwind v4 in nike-receipt.tsx #2500
• feat(demo): use Tailwind v4 in dropbox-reset-password.tsx #2505
• feat(demo): use Tailwind v4 in twitch-reset-password.tsx #2504
• feat(demo): use Tailwind v4 in airbnb-review.tsx #2503
• feat(demo): use Tailwind v4 in amazon-review.tsx #2502
• feat(demo): use Tailwind v4 in koala-welcome.tsx #2530
• feat(demo): use Tailwind v4 in stripe-welcome.tsx #2531

---

Summary by cubic

Switched the demo app to the Tailwind-enabled @react-email/[email protected] to set up basic Tailwind v4 styling. This replaces the workspace dependency for consistent builds.

[changeset-bot]

⚠️ No Changeset found

Latest commit: 2925bcb

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

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

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Preview	Comments	Updated (UTC)
react-email	Ready	Preview	Comment	Oct 16, 2025 2:31pm
react-email-demo	Ready	Preview	Comment	Oct 16, 2025 2:31pm

[socket-security]

All alerts resolved. Learn more about Socket for GitHub.

This PR previously contained dependency changes with security issues that have been resolved, removed, or ignored.

View full report

[alwaysmeticulous]

🤖 Meticulous was unable to start a test run because no sessions have been recorded yet. Click here to setup session recording.

_{Last updated for commit 147568d. This comment will update as new commits are pushed.}

[cubic-dev-ai]

1 issue found across 23 files

Prompt for AI agents (all 1 issues)

Understand the root cause of the following 1 issues and fix them.


<file name="apps/demo/emails/magic-links/slack-confirm.tsx">

<violation number="1" location="apps/demo/emails/magic-links/slack-confirm.tsx:46">
`mb-7.5` is not defined in the Tailwind preset, so this element loses the intended 30px bottom margin. Please replace it with an arbitrary value utility such as `mb-[30px]` to preserve the spacing.</violation>
</file>

_{React with 👍 or 👎 to teach cubic. Mention @cubic-dev-ai to give feedback, ask questions, or re-run the review.}

[cubic-dev-ai]

mb-7.5 is not defined in the Tailwind preset, so this element loses the intended 30px bottom margin. Please replace it with an arbitrary value utility such as mb-[30px] to preserve the spacing.

Prompt for AI agents

Address the following comment on apps/demo/emails/magic-links/slack-confirm.tsx at line 46:

<comment>`mb-7.5` is not defined in the Tailwind preset, so this element loses the intended 30px bottom margin. Please replace it with an arbitrary value utility such as `mb-[30px]` to preserve the spacing.</comment>

<file context>
@@ -26,121 +28,127 @@ export const SlackConfirmEmail = ({
+          &lt;Heading className=&quot;text-[#1d1c1d] text-4xl font-bold my-[30px] mx-0 p-0 leading-[42px]&quot;&gt;
+            Confirm your email address
+          &lt;/Heading&gt;
+          &lt;Text className=&quot;text-xl mb-7.5&quot;&gt;
+            Your confirmation code is below - enter it in your open browser
+            window and we&#39;ll help you get signed in.
</file context>

Suggested change

	<Text className="text-xl mb-7.5">
	<Text className="text-xl mb-[30px]">