Skip to content

chore(misc): migrate tailwind v3 to v4#35594

Merged
jaysoo merged 2 commits into
masterfrom
NXC-4430
May 8, 2026
Merged

chore(misc): migrate tailwind v3 to v4#35594
jaysoo merged 2 commits into
masterfrom
NXC-4430

Conversation

@jaysoo
Copy link
Copy Markdown
Member

@jaysoo jaysoo commented May 6, 2026

Current Behavior

graph apps and nx-dev pin tailwindcss 3.4.4 with JS configs and v3 directives.

Expected Behavior

tailwindcss 4.1.11 via @tailwindcss/postcss. JS configs replaced with CSS-based @import 'tailwindcss', @plugin, @source, @custom-variant. astro-docs already on v4.

v3 utility renames applied across graph + nx-dev sources (per the Tailwind v4 upgrade guide) so visuals don't shift:

  • shadow-sm -> shadow-xs, shadow -> shadow-sm
  • drop-shadow-sm -> drop-shadow-xs, drop-shadow -> drop-shadow-sm
  • rounded-sm -> rounded-xs, rounded -> rounded-sm
  • blur-sm -> blur-xs, blur -> blur-sm
  • backdrop-blur-sm -> backdrop-blur-xs, backdrop-blur -> backdrop-blur-sm

v3 default border-color (gray-200) preserved via @layer base compat shim per the upgrade guide's default border color note, since explicit border-color isn't always paired in existing markup.

AI Chat (not used publicly but still works):

ai-chat-local-fixed

Graph UI:

graph-client-real-projects

Graph (Storybook):

storybook-projectdetails-rendered

Related Issue(s)

NXC-4430

@jaysoo jaysoo requested a review from a team as a code owner May 6, 2026 15:50
@jaysoo jaysoo requested a review from AgentEnder May 6, 2026 15:50
@netlify
Copy link
Copy Markdown

netlify Bot commented May 6, 2026

Deploy Preview for nx-docs ready!

Name Link
🔨 Latest commit a12ff9c
🔍 Latest deploy log https://app.netlify.com/projects/nx-docs/deploys/69fe387d7f6d5b00088d1260
😎 Deploy Preview https://deploy-preview-35594--nx-docs.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@netlify
Copy link
Copy Markdown

netlify Bot commented May 6, 2026

Deploy Preview for nx-dev ready!

Name Link
🔨 Latest commit a12ff9c
🔍 Latest deploy log https://app.netlify.com/projects/nx-dev/deploys/69fe387de46ad90008c9d3d8
😎 Deploy Preview https://deploy-preview-35594--nx-dev.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@nx-cloud
Copy link
Copy Markdown
Contributor

nx-cloud Bot commented May 6, 2026

View your CI Pipeline Execution ↗ for commit b8d70c6

Command Status Duration Result
nx affected --targets=lint,test,build,e2e,e2e-c... ✅ Succeeded 17m 27s View ↗
nx run-many -t check-imports check-lock-files c... ✅ Succeeded 4s View ↗
nx-cloud record -- pnpm nx-cloud conformance:check ✅ Succeeded 18s View ↗
nx build workspace-plugin ✅ Succeeded <1s View ↗
nx-cloud record -- nx sync:check ✅ Succeeded 25s View ↗
nx-cloud record -- nx format:check ✅ Succeeded 8s View ↗

☁️ Nx Cloud last updated this comment at 2026-05-08 19:46:02 UTC

nx-cloud[bot]

This comment was marked as outdated.

@jaysoo jaysoo force-pushed the NXC-4430 branch 2 times, most recently from f1dfb97 to 6f5eb98 Compare May 6, 2026 20:02
@socket-security
Copy link
Copy Markdown

socket-security Bot commented May 6, 2026

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

nx-cloud[bot]

This comment was marked as outdated.

graph apps and nx-dev pin tailwindcss 3.4.4 with JS configs and v3 directives.

tailwindcss 4.1.11 via @tailwindcss/postcss. Configs converted to CSS via @import 'tailwindcss', @plugin, @source, @custom-variant. JS tailwind.config.js files removed. Drops @tailwindcss/aspect-ratio (built-in).

NXC-4430
Copy link
Copy Markdown
Contributor

@nx-cloud nx-cloud Bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Nx Cloud has identified a flaky task in your failed CI:

🔂 Since the failure was identified as flaky, we triggered a CI rerun by adding an empty commit to this branch.

Nx Cloud View detailed reasoning in Nx Cloud ↗


🎓 Learn more about Self-Healing CI on nx.dev

@jaysoo jaysoo merged commit 2445010 into master May 8, 2026
19 checks passed
@jaysoo jaysoo deleted the NXC-4430 branch May 8, 2026 19:50
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants