[Snyk] Upgrade tailwindcss from 3.4.4 to 4.0.6 #46
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Snyk has created this PR to upgrade tailwindcss from 3.4.4 to 4.0.6. See this package in npm: tailwindcss See this project in Snyk: https://app.snyk.io/org/nerds-github/project/ded0d4c9-2f65-458e-91a2-4bc521804eb9?utm_source=github&utm_medium=referral&page=upgrade-pr
Reviewer's Guide by SourceryThis pull request upgrades the Updated class diagram for Tailwind CSS configurationclassDiagram
class TailwindConfig {
.. v3.4.4 ..
+ content: string[]
+ theme: object
+ plugins: any[]
.. v4.0.6 ..
+ config: string // Path to CSS config file
+ theme: CSSVariables
+ extend: CSSVariables
}
class CSSVariables {
+ --color-primary: #007bff
+ --font-size-base: 1rem
+ ...
}
note for TailwindConfig "Tailwind CSS v4.0 uses a CSS-first configuration approach, replacing the JavaScript configuration file with a CSS file."
File-Level Changes
Tips and commandsInteracting with Sourcery
Customizing Your ExperienceAccess your dashboard to:
Getting Help
|
![sourcery-ai[bot]](https://avatars.githubusercontent.com/in/48477?s=60&v=4){kind=small}
There was a problem hiding this comment.
We have skipped reviewing this pull request. Here's why:
- It seems to have been created by a bot ('[Snyk]' found in title). We assume it knows what it's doing!
- We don't review packaging changes - Let us know if you'd like us to change this.
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Snyk has created this PR to upgrade tailwindcss from 3.4.4 to 4.0.6.
ℹ️ Keep your dependencies up-to-date. This makes it easier to fix existing vulnerabilities and to more quickly identify and fix newly disclosed vulnerabilities when they affect your project.
The recommended version is 66 versions ahead of your current version.
The recommended version was released 23 days ago.
Issues fixed by the recommended upgrade:
SNYK-JS-INFLIGHT-6095116
SNYK-JS-NANOID-8492085
Release notes
Package name: tailwindcss
-
4.0.6 - 2025-02-10
- Revert change to no longer include theme variables that aren't used in compiled CSS (#16403)
-
4.0.5 - 2025-02-08
- Add
- Remove rogue
- Don't include theme variables that aren't used in compiled CSS (#16211)
-
4.0.4 - 2025-02-06
- Fix a crash when setting JS theme values to
- Ensure escaped underscores in CSS variables in arbitrary values are properly unescaped (#16206)
- Ensure that the
- Ensure theme
- Vite: Skip parsing stylesheets with the
- Fix
- Fix support for older instruction sets on Linux x64 builds of the standalone CLI (#16244)
- Ensure
- Ensure Node addons are packaged correctly with FreeBSD builds (#16277)
- Fix an issue where
-
4.0.3 - 2025-02-01
- Fix incorrect removal of
-
4.0.2 - 2025-01-31
- Only generate positive
- Ensure escaped theme variables are handled correctly (#16064)
- Ensure we process Tailwind CSS features when only using
- Refactor gradient implementation to work around prettier/prettier#17058 (#16072)
- Vite: Ensure hot-reloading works with SolidStart setups (#16052)
- Vite: Fix a crash when starting the development server in SolidStart setups (#16052)
- Vite: Don't rebase URLs that appear to be aliases (#16078)
- Vite: Transform
- Prevent camel-casing CSS custom properties added by JavaScript plugins (#16103)
- Do not emit
- Discard invalid declarations when parsing CSS (#16093)
- Do not emit empty CSS rules and at-rules (#16121)
- Handle
-
4.0.1 - 2025-01-29
- Include
- Remove invalid
- Discard CSS variable shorthand utilities that don't use valid CSS variables (#15738)
- Ensure font-size utilities with
- Ensure font-size utilities with unknown modifier don't generate CSS (#15921)
- Don’t suggest font weight utilities more than once (#15857)
- Suggest container query variants (#15857)
- Disable bare value suggestions when not using the
- Ensure suggested classes are properly sorted (#15857)
- Don’t look at .gitignore files outside initialized repos (#15941)
- Find utilities when using the Svelte class shorthand syntax across multiple lines (#15974)
- Find utilities when using the Angular class shorthand syntax (#15974)
- Find utilities when using functions inside arrays (#15974)
- Ensure that
- Ensure that
- Ensure CSS theme variables are available within shadow roots (#15975)
- Fix crash when project lives in the
- Ensure custom variants have a non-empty selector list (#16009)
- Upgrade: Ensure JavaScript config files on different drives are correctly migrated (#15927)
- Upgrade: Migrate
- Upgrade: Do not migrate arbitrary leading utilities to bare values (#16004)
-
4.0.0 - 2025-01-21
- New high-performance engine — where full builds are up to 5x faster, and incremental builds are over 100x faster — and measured in microseconds.
- Designed for the modern web — built on cutting-edge CSS features like cascade layers, registered custom properties with
- Simplified installation — fewer dependencies, zero configuration, and just a single line of code in your CSS file.
- First-party Vite plugin — tight integration for maximum performance and minimum configuration.
- Automatic content detection — all of your template files are discovered automatically, with no configuration required.
- Built-in import support — no additional tooling necessary to bundle multiple CSS files.
- CSS-first configuration — a reimagined developer experience where you customize and extend the framework directly in CSS instead of a JavaScript configuration file.
- CSS theme variables — all of your design tokens exposed as native CSS variables so you can access them anywhere.
- Dynamic utility values and variants — stop guessing what values exist in your spacing scale, or extending your configuration for things like basic data attributes.
- Modernized P3 color palette — a redesigned, more vivid color palette that takes full advantage of modern display technology.
- Container queries — first-class APIs for styling elements based on their container size, no plugins required.
- New 3D transform utilities — transform elements in 3D space directly in your HTML.
- Expanded gradient APIs — radial and conic gradients, interpolation modes, and more.
- @ starting-style support — a new variant you can use to create enter and exit transitions, without the need for JavaScript.
- not-* variant — style an element only when it doesn't match another variant, custom selector, or media or feature query.
- Even more new utilities and variants — including support for
-
4.0.0-beta.10 - 2025-01-21
-
4.0.0-beta.9 - 2025-01-09
-
4.0.0-beta.8 - 2024-12-17
-
4.0.0-beta.7 - 2024-12-13
-
4.0.0-beta.6 - 2024-12-06
-
4.0.0-beta.5 - 2024-12-04
-
4.0.0-beta.4 - 2024-11-29
-
4.0.0-beta.3 - 2024-11-27
-
4.0.0-beta.2 - 2024-11-22
-
4.0.0-beta.1 - 2024-11-21
-
4.0.0-alpha.36 - 2024-11-21
-
4.0.0-alpha.35 - 2024-11-20
-
4.0.0-alpha.34 - 2024-11-14
-
4.0.0-alpha.33 - 2024-11-12
-
4.0.0-alpha.32 - 2024-11-11
-
4.0.0-alpha.31 - 2024-10-30
-
4.0.0-alpha.30 - 2024-10-24
-
4.0.0-alpha.29 - 2024-10-23
-
4.0.0-alpha.28 - 2024-10-17
-
4.0.0-alpha.27 - 2024-10-15
-
4.0.0-alpha.26 - 2024-10-03
-
4.0.0-alpha.25 - 2024-09-24
-
4.0.0-alpha.24 - 2024-09-12
-
4.0.0-alpha.23 - 2024-09-05
-
4.0.0-alpha.22 - 2024-09-05
-
4.0.0-alpha.21 - 2024-09-02
-
4.0.0-alpha.20 - 2024-08-23
-
4.0.0-alpha.19 - 2024-08-09
-
4.0.0-alpha.18 - 2024-07-25
-
4.0.0-alpha.17 - 2024-07-04
-
4.0.0-alpha.16 - 2024-06-07
-
4.0.0-alpha.15 - 2024-05-08
-
4.0.0-alpha.14 - 2024-04-09
-
4.0.0-alpha.13 - 2024-04-04
-
4.0.0-alpha.12 - 2024-04-04
-
4.0.0-alpha.11 - 2024-03-27
-
4.0.0-alpha.10 - 2024-03-21
-
4.0.0-alpha.9 - 2024-03-13
-
4.0.0-alpha.8 - 2024-03-11
-
4.0.0-alpha.7 - 2024-03-08
-
4.0.0-alpha.6 - 2024-03-07
-
4.0.0-alpha.5 - 2024-03-06
-
4.0.0-alpha.4 - 2024-03-06
-
4.0.0-alpha.3 - 2024-03-06
-
4.0.0-alpha.2 - 2024-03-06
-
4.0.0-alpha.1 - 2024-03-05
-
3.4.17 - 2024-12-17
-
3.4.16 - 2024-12-03
-
3.4.15 - 2024-11-14
-
3.4.14 - 2024-10-15
-
3.4.13 - 2024-09-23
-
3.4.12 - 2024-09-17
-
3.4.11 - 2024-09-11
-
3.4.10 - 2024-08-13
-
3.4.9 - 2024-08-08
-
3.4.8 - 2024-08-07
-
3.4.7 - 2024-07-25
-
3.4.6 - 2024-07-16
-
3.4.5 - 2024-07-15
-
3.4.4 - 2024-06-05
from tailwindcss GitHub release notesFixed
Added
@ theme staticoption for always including theme variables in compiled CSS (#16211)Fixed
console.logfrom@ tailwindcss/vite(#16307)Changed
Fixed
null(#16210)containersJS theme key is added to the--container-*namespace (#16169)@ keyframesare generated even if an--animation-*variable spans multiple lines (#16237)?commonjs-proxyflag (#16238)order-firstandorder-lastfor Firefox (#16266)NODE_PATHis respected when resolving JavaScript and CSS files (#16274)@ variantinside a referenced stylesheet could cause a stack overflow (#16300)Fixed
@ import url();(#16144)Fixed
grid-cols-*andgrid-rows-*utilities (#16020)@ referenceor@ variant(#16057)<style>blocks in HTML files (#16069)@ keyframesin@ theme reference(#16120)@ variantwhen at the top-level of a stylesheet (#16129)Added
:openpseudo-class in existingopenvariant (#15349)Fixed
min-w/h-noneutilities (#15845)nonemodifier have a line-height set e.g.text-sm/none(#15921)--spacingvariable (#15857)@ tailwindcss/browserdoes not pollute the global namespace (#15978)tailwind-mergeis not scanned when using the Vite plugin (#16005)/directory (#15988)leading-[1]toleading-none(#16004)Holy shit it's actually done — we just tagged Tailwind CSS v4.0.
Tailwind CSS v4.0 is an all-new version of the framework optimized for performance and flexibility, with a reimagined configuration and customization experience, and taking full advantage of the latest advancements the web platform has to offer.
@ property, andcolor-mix().color-scheme,field-sizing, complex shadows,inert, and more.Start using Tailwind CSS v4.0 today by installing it in a new project, or playing with it directly in the browser on Tailwind Play.
For existing projects, we've published a comprehensive upgrade guide and built an automated upgrade tool to get you on the latest version as quickly and painlessly as possible.
For a deep-dive into everything that's new, check out the announcement post.
Important
Note: You are seeing this because you or someone else with access to this repository has authorized Snyk to open upgrade PRs.
For more information:
Summary by Sourcery
Bug Fixes: