depscope
Packages
IntegrateAPI DocsCuratorBenchmarkCoverage
Sign inGet API access
depscope/breaking/npm/tailwindcss

tailwindcss breaking changes

npm

3 curated breaking changes across major versions of tailwindcss. Use this as a migration checklist before bumping dependencies.

View package health \u2192Known bugs \u2192
3
changes

Breaking changes by transition

  • 3 \u2192 4

    api

    `@tailwind base; @tailwind components; @tailwind utilities;` replaced by a single `@import "tailwindcss";`.

    Migration

    Run codemod: `npx @tailwindcss/upgrade`. It rewrites directives and config.

  • 3 \u2192 4

    build

    New Oxide engine (Rust). `tailwind.config.js` optional; CSS-first configuration via @theme.

    Migration

    Keep config for complex setups. For simple apps, replace with `@import "tailwindcss";` and `@theme { ... }` in your CSS.

  • 3 \u2192 4

    removal

    Deprecated utilities removed (bg-opacity-*, text-opacity-*, etc.).

    Migration

    Use the slash syntax: `bg-white/50` instead of `bg-white bg-opacity-50`.

API access

Get this data programmatically \u2014 free, no authentication.

curl https://depscope.dev/api/breaking/npm/tailwindcss
DepScope

Package intelligence for AI agents. 19 ecosystems.

Resources
API DocumentationHallucination BenchmarkFor EnterpriseSwagger / OpenAPIPopular PackagesCoverageAI Plugin SetupWatch the pitch (60s)
Legal
Legal hubPrivacy PolicyTerms of ServiceCookie PolicyAcceptable UseAttributionDPASub-processorsSecurityImprintContact中文
© 2026 Cuttalo srl — Italy · VAT IT03242390734Built for AI agents