chore(deps): update dependency tailwindcss to v4.0.0-beta.8

[renovate]

This PR contains the following updates:

Package	Change	Age	Adoption	Passing	Confidence
tailwindcss (source)	4.0.0-alpha.31 -> 4.0.0-beta.8

---

Warning

Some dependencies could not be looked up. Check the Dependency Dashboard for more information.

---

Release Notes

tailwindlabs/tailwindcss (tailwindcss)

v4.0.0-beta.8

Compare Source

Fixed

• Ensure Symbol.dispose and Symbol.asyncDispose are polyfilled (#​15404)

v4.0.0-beta.7

Compare Source

Added

• Export tailwindcss/lib/util/flattenColorPalette for backward compatibility (#​15318)
• Improve debug logs to get better insights (#​15303)

Fixed

• Fix dependency related warnings when using @tailwindcss/postcss on Windows (#​15321)
• Skip creating a compiler for CSS files that should not be processed (#​15340)
• Fix missing shadow-none suggestion in IntelliSense (#​15342)
• Optimize AST before printing for IntelliSense (#​15347)
• Generate vendor prefixes for Chrome 111+ (e.g. -webkit-background-clip: text) (#​15389)

Changed

• Rename --aspect-ratio-* theme key to --aspect-* (#​15365)
• Derive aspect-video utility from theme (#​15365)

v4.0.0-beta.6

Compare Source

Fixed

• Ensure @import "…" reference never generates utilities (#​15307)

v4.0.0-beta.5

Compare Source

Added

• Parallelize parsing of individual source files (#​15270)
• Add new @import "…" reference option for importing Tailwind CSS configuration details into another CSS entry point without duplicating CSS (#​15228)
• Improve performance of @tailwindcss/postcss by translating between internal data structures and PostCSS nodes directly without additional parsing or stringification (#​15297)

Fixed

• Ensure absolute URLs inside imported CSS files are not rebased when using @tailwindcss/vite (#​15275)
• Fix issues with dev servers using Svelte 5 with @tailwindcss/vite (#​15274)
• Support installing @tailwindcss/vite in Vite 6 projects (#​15274)
• Fix resolution of imported CSS files in SSR builds with @tailwindcss/vite (#​15279)
• Ensure other plugins can run after @tailwindcss/postcss (#​15273)
• Rebase URLs inside imported CSS files when using Vite with the @tailwindcss/postcss extension (#​15273)
• Fix missing font family suggestions in IntelliSense (#​15288)
• Fix missing @container suggestion in IntelliSense (#​15288)

v4.0.0-beta.4

Compare Source

Fixed

• Don't scan source files for utilities unless @tailwind utilities is present in the CSS in @tailwindcss/postcss and @tailwindcss/vite (#​15226)
• Skip reserializing CSS files that don't use Tailwind features in @tailwindcss/postcss and @tailwindcss/vite (#​15226)
• Upgrade (experimental): Do not migrate the overflow-clip utility (#​15244)
• Upgrade (experimental): Rename backdrop-blur to backdrop-blur-sm and backdrop-blur-sm to backdrop-blur-xs (#​15242)

v4.0.0-beta.3

Compare Source

Fixed

• Ensure any necessary vendor prefixes are generated for iOS Safari, Firefox, and Chrome (#​15166)
• Ensure .group and .peer are prefixed when using the prefix(…) option (#​15174)
• Ensure 3D transforms render correctly in Safari (#​15179)
• Ensure --spacing-* variables take precedence over --container-* variables (#​15180)
• Fix scanning classes delimited by tab characters (#​15169)
• Ensure opacity modifiers and semi-transparent gradients render correctly by default in Safari (#​15201)
• Fix element size thrashing when transitioning gradients on elements with a defined font-size in Safari (#​15216)
• Ensure translate-* utilities work with arbitrary values that use calc(…) (#​15215)
• Ensure gradient stop position utilities work with arbitrary values that use calc(…) (#​15215)
• Ensure Node addons are packaged correctly with Windows ARM builds (#​15171)
• Ensure the Vite plugin resolves CSS and JS files according to the configured resolver conditions ([#​15173])(https://github.com/tailwindlabs/tailwindcss/pull/15173)
• Upgrade (experimental): Migrate prefixes for .group and .peer classes (#​15208)

Changed

• Interpolate gradients using OKLAB instead of OKLCH by default (#​15201)
• Error when layer(…) in @import is not first in the list of functions/conditions (#​15109)
• Use unitless line-height values for font-size variables in default theme (#​15216)
• Don't register custom properties with explicit types unless those custom properties need to be animateable (#​15215)

v4.0.0-beta.2

Compare Source

Fixed

• Use configured --letter-spacing values for custom font size utilities (#​15099)
• Ensure space-x/y-* and divide-x/y-* with variants can undo space-x/y-reverse and divide-x/y-reverse (#​15094)
• Don't print minified code when the build fails in the CLI (#​15106)
• Generate the correct CSS for the break-keep utility (#​15108)
• Detect single word utilities that include numbers (e.g. h1) when scanning files (#​15110)
• Upgrade (experimental): Always add layer(…) as the first param to @import (#​15102)

Changed

• Revert the new base styles for buttons and form controls (#​15100)

v4.0.0-beta.1

Compare Source

Added

• Upgrade (experimental): Drop unnecessary opacity theme values when migrating to CSS (#​15067)

Fixed

• Ensure opacity theme values configured as decimal numbers via JS config files work with color utilities (#​15067)
• Bring back support for decoration-clone, decoration-slice, overflow-ellipsis, flex-grow-*, and flex-shrink-* (#​15069)
• Upgrade (experimental): Include color in the form reset snippet (#​15064)

v4.0.0-alpha.36

Compare Source

Added

• Add consistent base styles for buttons and form controls (#​15036)
• Upgrade (experimental): Convert group-[]:flex to in-[.group]:flex (#​15054)
• Upgrade (experimental): Add form reset styles to CSS files for compatibility with v3 (#​15036)
• Upgrade (experimental): Migrate ring to ring-3 (#​15063)

Fixed

• Upgrade (experimental): Don't migrate arbitrary variants to in-* that use the child combinator instead of the descendant combinator (#​15054)

Changed

• Use single drop shadow values instead of multiple (#​15056)
• Do not parse invalid candidates with empty arbitrary values (#​15055)

v4.0.0-alpha.35

Compare Source

Added

• Reintroduce max-w-screen-* utilities that read from the --breakpoint namespace as deprecated utilities (#​15013)
• Support using CSS variables as arbitrary values without var(…) by using parentheses instead of square brackets (e.g. bg-(--my-color)) (#​15020)
• Add new in-* variant (#​15025)
• Bundle @tailwindcss/forms, @tailwindcss/typography, and @tailwindcss/aspect-ratio with the standalone CLI (#​15028)
• Allow addUtilities() and addComponents() to work with child combinators and other complex selectors (#​15029)
• Support colors that use <alpha-value> in JS configs and plugins (#​15033)
• Add new transition-discrete and transition-normal utilities for transition-behavior (#​15051)
• Upgrade (experimental): Migrate [&>*] to the * variant (#​15022)
• Upgrade (experimental): Migrate [&_*] to the ** variant (#​15022)
• Upgrade (experimental): Warn when trying to migrating a project that is not on Tailwind CSS v3 (#​15015)
• Upgrade (experimental): Migrate colors that use <alpha-value> in JS configs (#​15033)

Fixed

• Ensure flex is suggested (#​15014)
• Improve module resolution for cjs-only and esm-only plugins (#​15041)
• Perform calc(…) on just values for negative -rotate-* utilities, not on the rotateX/Y/Z(…) functions themselves (#​15044)
• Upgrade (experimental): Resolve imports when specifying a CSS entry point on the command-line (#​15010)
• Upgrade (experimental): Resolve nearest Tailwind config file when CSS file does not contain @config (#​15001)
• Upgrade (experimental): Improve output when CSS imports can not be found (#​15038)
• Upgrade (experimental): Ignore analyzing imports with external URLs (e.g.: @import "https://fonts.google.com") (#​15040)
• Upgrade (experimental): Ignore analyzing imports with url(…) (e.g.: @import url("https://fonts.google.com")) (#​15040)
• Upgrade (experimental): Use resolveJsId when resolving tailwindcss/package.json (#​15041)
• Upgrade (experimental): Ensure children of Tailwind root file are not considered Tailwind root files (#​15048)

Changed

• Bring back support for color opacity modifiers to read from --opacity-* theme values (#​14278)

v4.0.0-alpha.34

Compare Source

Added

• Support opacity values in increments of 0.25 by default (#​14980)
• Support specifying the color interpolation method for gradients via modifier (#​14984)
• Reintroduce container component as a utility (#​14993, #​14999)
• Upgrade (experimental): Migrate container component configuration to CSS (#​14999)

Fixed

• Ensure that CSS inside Svelte <style> blocks always run the expected Svelte processors when using the Vite extension (#​14981)
• Upgrade (experimental): Ensure it's safe to migrate blur, rounded, or shadow (#​14979)
• Upgrade (experimental): Do not rename classes using custom defined theme values (#​14976)
• Upgrade (experimental): Ensure @config is injected in nearest common ancestor stylesheet (#​14989)
• Upgrade (experimental): Add missing layer(…) to imports above Tailwind directives (#​14982)

v4.0.0-alpha.33

Compare Source

Fixed

• Don't reset horizontal padding on date/time pseudo-elements (#​14959)
• Don't emit calc() with invalid values for bare values that aren't integers in spacing utilities (#​14962)
• Ensure spacing scale values work as line-height modifiers (#​14966)

v4.0.0-alpha.32

Compare Source

Added

• Support derived spacing scales based on a single --spacing theme value (#​14857)
• Add svh, dvh, svw, dvw, and auto values to all width/height/size utilities (#​14857)
• Add new ** variant (#​14903)
• Process <style> blocks inside Svelte files when using the Vite extension (#​14151)
• Normalize date/time input styles in Preflight (#​14931)
• Upgrade (experimental): Migrate grid-cols-[subgrid] and grid-rows-[subgrid] to grid-cols-subgrid and grid-rows-subgrid (#​14840)
• Upgrade (experimental): Support migrating projects with multiple config files (#​14863)
• Upgrade (experimental): Rename shadow to shadow-sm, shadow-sm to shadow-xs, and shadow-xs to shadow-2xs (#​14875)
• Upgrade (experimental): Rename inset-shadow to inset-shadow-sm, inset-shadow-sm to inset-shadow-xs, and inset-shadow-xs to inset-shadow-2xs (#​14875)
• Upgrade (experimental): Rename drop-shadow to drop-shadow-sm and drop-shadow-sm to drop-shadow-xs (#​14875)
• Upgrade (experimental): Rename rounded to rounded-sm and rounded-sm to rounded-xs (#​14875)
• Upgrade (experimental): Rename blur to blur-sm and blur-sm to blur-xs (#​14875)
• Upgrade (experimental): Migrate theme() usage and JS config files to use the new --spacing multiplier where possible (#​14905)
• Upgrade (experimental): Migrate arbitrary values in variants to built-in values where possible (#​14841)

Fixed

• Detect classes in new files when using @tailwindcss/postcss (#​14829)
• Fix crash when using @source containing .. (#​14831)
• Ensure instances of the same variant with different values are always sorted deterministically (e.g. data-focus:flex and data-active:flex) (#​14835)
• Ensure --inset-ring=* and --inset-shadow-* variables are ignored by inset-* utilities (#​14855)
• Ensure url(…) containing special characters such as ; or {} end up in one declaration (#​14879)
• Ensure adjacent rules are merged together after handling nesting when generating optimized CSS (#​14873)
• Rebase url() inside imported CSS files when using Vite (#​14877)
• Ensure that CSS transforms from other Vite plugins correctly work in full builds (e.g. :deep() in Vue) (#​14871)
• Ensure the CSS theme() function handles newlines and tabs in its arguments list (#​14917)
• Don't unset keys like --inset-shadow-* when unsetting keys like --inset-* (#​14906)
• Ensure spacing utilities with no value (e.g. px or translate-y) don't generate CSS (#​14911)
• Don't override user-agent background color for input elements in Preflight (#​14913)
• Don't attempt to convert CSS variables (which should already be percentages) to percentages when used as opacity modifiers (#​14916)
• Ensure custom utilities registered with the plugin API can start with @ (#​14793)
• Upgrade (experimental): Install @tailwindcss/postcss next to tailwindcss (#​14830)
• Upgrade (experimental): Remove whitespace around , separator when print arbitrary values (#​14838)
• Upgrade (experimental): Fix crash during upgrade when content globs escape root of project (#​14896)
• Upgrade (experimental): Don't convert theme(…/15%) to modifier unless it is the entire arbitrary value of a utility (#​14922)
• Upgrade (experimental): Convert , to in arbitrary grid-cols-*, grid-rows-*, and object-* values (#​14927)

Changed

• Remove --drop-shadow-none from the default theme in favor of a static drop-shadow-none utility (#​14847)
• Rename shadow to shadow-sm, shadow-sm to shadow-xs, and shadow-xs to shadow-2xs (#​14849)
• Rename inset-shadow to inset-shadow-sm, inset-shadow-sm to inset-shadow-xs, and inset-shadow-xs to inset-shadow-2xs (#​14849)
• Rename drop-shadow to drop-shadow-sm and drop-shadow-sm to drop-shadow-xs (#​14849)
• Rename rounded to rounded-sm and rounded-sm to rounded-xs (#​14849)
• Rename blur to blur-sm and blur-sm to blur-xs (#​14849)
• Remove fixed line-height theme values and derive leading-* utilites from --spacing-* scale (#​14857)
• Remove --transition-timing-function-linear from the default theme in favor of a static ease-linear utility (#​14880)
• Remove default --spacing-* scale in favor of --spacing multiplier (#​14857)
• Remove var(…) fallbacks from theme values in utilities (#​14881)
• Remove static font-weight utilities and add --font-weight-* values to the default theme (#​14883)
• Rename --transition-timing-function-* variables to --ease-* (#​14886)
• Rename --width-* variables to --container-* (#​14898)
• Rename --font-size-* variables to --text-* (#​14909)
• Rename --font-family-* variables to --font-* (#​14885)
• Rename --letter-spacing-* variables to --tracking-* (#​14921)
• Rename --line-height-* variables to --leading-* (#​14925)
• Revert specificity of * variant to match v3 behavior (#​14920)
• Replace outline-none with outline-hidden, add new simplified outline-none utility (#​14926)
• Revert adding borders by default to form inputs (#​14929)
• Deprecate shadow-inner utility (#​14933)
• Remove --leading-none from the default theme in favor of a static leading-none utility (#​14934)

---

Configuration

📅 Schedule: Branch creation - At any time (no schedule defined), Automerge - At any time (no schedule defined).

🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.

♻ Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.

🔕 Ignore: Close this PR and you won't be reminded about this update again.

---

• If you want to rebase/retry this PR, check this box

---

This PR was generated by Mend Renovate. View the repository job log.

[changeset-bot]

⚠️ No Changeset found

Latest commit: 6145b43

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

[netlify]

✅ Deploy Preview for ice-tw canceled.

Name	Link
🔨 Latest commit	6145b43
🔍 Latest deploy log	https://app.netlify.com/sites/ice-tw/deploys/6778c4361a67c50008ed4b23

[cloudflare-workers-and-pages]

Deploying weapp-tailwindcss with    Cloudflare Pages

Latest commit:	6145b43
Status:	✅  Deploy successful!
Preview URL:	https://a78bf2cd.weapp-tailwindcss.pages.dev
Branch Preview URL:	https://renovate-tailwindcss-4-x.weapp-tailwindcss.pages.dev

View logs

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 90.78%. Comparing base (2220db3) to head (6145b43).

Additional details and impacted files

@@           Coverage Diff           @@
##             main     #537   +/-   ##
=======================================
  Coverage   90.78%   90.78%           
=======================================
  Files          76       76           
  Lines        5384     5384           
  Branches      595      595           
=======================================
  Hits         4888     4888           
  Misses        495      495           
  Partials        1        1           

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud