Skip to content

chore: update tailwindcss to v4#37

Open
osnoser1 wants to merge 4 commits into
mainfrom
osnoser1/update-tailwind-latest
Open

chore: update tailwindcss to v4#37
osnoser1 wants to merge 4 commits into
mainfrom
osnoser1/update-tailwind-latest

Conversation

@osnoser1

@osnoser1 osnoser1 commented Jun 8, 2026

Copy link
Copy Markdown
Member

Summary

  • Updates the Tailwind CSS toolchain in the two example apps to the latest stable Tailwind CSS 4.3.0 release.
  • Migrates from v3 JavaScript config files and @tailwind directives to Tailwind v4 CSS-first setup.
  • Uses the Angular CLI app's documented @tailwindcss/postcss integration and switches the Analog/Vite app to @tailwindcss/vite.
  • Converts the Angular example global stylesheet from SCSS to CSS, preserving component-scoped @apply usage with Tailwind v4 @reference where theme utilities are applied.
  • Preserves v3 default border-color behavior with the compatibility base layer recommended by the v4 upgrade flow.

Validation

  • pnpm install --frozen-lockfile
  • pnpm build
  • pnpm lint
  • CSS smoke checks confirmed both example app bundles contain generated Tailwind utilities/typography output and no raw Tailwind directives in emitted CSS.
  • Verified the Sanity example component styles compile @apply/@reference into concrete scoped CSS with no raw directives in the built output.

Notes

  • pnpm peers check still exits non-zero. This repo already has several peer-version drifts; this update also adds the expected Tailwind 4 warning against Angular 19 packages that declare tailwindcss ^2 || ^3 as an optional peer. The actual Angular build path is verified via the documented @tailwindcss/postcss integration.
  • Latest versions were checked from npm metadata: tailwindcss@4.3.0, @tailwindcss/postcss@4.3.0, @tailwindcss/vite@4.3.0, and @tailwindcss/typography@0.5.19.

References: https://tailwindcss.com/docs/upgrade-guide, https://tailwindcss.com/docs/installation/framework-guides/angular, https://tailwindcss.com/docs/installation/using-vite, https://tailwindcss.com/docs/detecting-classes-in-source-files

@netlify

netlify Bot commented Jun 8, 2026

Copy link
Copy Markdown

Deploy Preview for limitless-angular-sanity-example ready!

Name Link
🔨 Latest commit 8e9eb64
🔍 Latest deploy log https://app.netlify.com/projects/limitless-angular-sanity-example/deploys/6a262b813cd1a70008e9b108
😎 Deploy Preview https://deploy-preview-37--limitless-angular-sanity-example.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.

@osnoser1 osnoser1 marked this pull request as ready for review June 8, 2026 02:24
@osnoser1 osnoser1 force-pushed the osnoser1/update-tailwind-latest branch from 0a0da45 to aee639a Compare June 8, 2026 02:31
@pkg-pr-new

pkg-pr-new Bot commented Jun 8, 2026

Copy link
Copy Markdown

Open in StackBlitz

npm i https://pkg.pr.new/@limitless-angular/sanity@37

commit: 8e9eb64

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.

1 participant