fix(tailwind): route Section padding to the inner td

[yashs33244]

What

Section splits its style so that padding goes to the inner <td> and everything else to the outer <table> - this is the Outlook/Klaviyo compatibility split. But when padding is set through a Tailwind class instead of style, it lands on the <table> and the <td> is bare:

<Tailwind><Section className="bg-white p-4">x</Section></Tailwind>
// -> <table style="background-color:…;padding:1rem"><tbody><tr><td>x</td>…

Section is missing from componentsToTreatAsElements, so isComponent(Section) is true. The Tailwind walker therefore renders Section with its className still attached, which Section spreads onto the <table>, and then inlines every utility onto that plain <table> - bypassing the <td> split. Container (which has the same split) is already in the list.

Fix

Add Section to componentsToTreatAsElements so its Tailwind styles are inlined onto its style prop, letting the existing split route padding to the <td>:

// -> <table style="background-color:…"><tbody><tr><td style="padding:1rem">x</td>…

Two lines (import + array entry), matching Container. Added a regression test; all tailwind/section/container/row/column tests pass.

---

Summary by cubic

Fix Tailwind padding on Section so utilities like p-4 apply to the inner <td>, not the outer <table>, restoring Outlook/Klaviyo compatibility. Matches existing style-prop behavior and aligns Section with Container.

• Bug Fixes
  • Treat Section as an element in the Tailwind walker to inline utilities into style, letting the padding split route to the <td>.
  • Added a regression test for <Section className="bg-white p-4">.

^{Written for commit 12ec10f. Summary will update on new commits.}

[vercel]

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

A member of the Team first needs to authorize it.

[Copilot]

Copilot was unable to review this pull request because the user who requested the review has reached their quota limit.

[changeset-bot]

🦋 Changeset detected

Latest commit: 12ec10f

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

This PR includes changesets to release 3 packages

Name	Type
react-email	Patch
@react-email/editor	Patch
@react-email/ui	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

[cubic-dev-ai]

No issues found across 3 files

Confidence score: 5/5

• Automated review surfaced no issues in the provided summaries.
• No files require special attention.

<sub>Auto-approved: Small fix adding Section to the Tailwind element list so padding utilities route to the inner , matching Container's behavior. Includes a regression test and changeset. No business logic, infrastructure, or security impact.

Re-trigger cubic</sub>