build(deps): bump @tailwindcss/vite from 4.1.8 to 4.1.11

[dependabot]

Bumps @tailwindcss/vite from 4.1.8 to 4.1.11.

Release notes

Sourced from @​tailwindcss/vite's releases.

v4.1.11

Fixed

• Add heuristic to skip candidate migrations inside emit(…) (#18330)
• Extract candidates with variants in Clojure/ClojureScript keywords (#18338)
• Document --watch=always in the CLI's usage (#18337)
• Add support for Vite 7 to @tailwindcss/vite (#18384)

v4.1.10

Fixed

• Fix incorrectly generated CSS when using percentages in arbitrary values with calc (e.g. w-[calc(100%-var(--offset))]) (#18289)

v4.1.9

Fixed

• Correctly parse custom properties with strings containing semicolons (#18251)
• Upgrade: Migrate arbitrary modifiers without percentage signs to bare values (e.g. /[0.16] → /16) (#18184)
• Upgrade: Migrate CSS variable shorthands where fallback value contains function call (#18184)
• Upgrade: Migrate negative arbitrary values to negative bare values (e.g. mb-[-32rem] → -mb-128) (#18212)
• Upgrade: Do not migrate blur in wire:model.blur (#18216)
• Don't add spaces around CSS dashed idents when formatting math expressions (#18220)

Changelog

Sourced from @​tailwindcss/vite's changelog.

[4.1.11] - 2025-06-26

Fixed

• Add heuristic to skip candidate migrations inside emit(…) (#18330)
• Extract candidates with variants in Clojure/ClojureScript keywords (#18338)
• Document --watch=always in the CLI's usage (#18337)
• Add support for Vite 7 to @tailwindcss/vite (#18384)

[4.1.10] - 2025-06-11

Fixed

• Fix incorrectly generated CSS when using percentages in arbitrary values with calc (e.g. w-[calc(100%-var(--offset))]) (#18289)

[4.1.9] - 2025-06-11

Fixed

• Correctly parse custom properties with strings containing semicolons (#18251)
• Upgrade: Migrate arbitrary modifiers without percentage signs to bare values (e.g. /[0.16] → /16) (#18184)
• Upgrade: Migrate CSS variable shorthands where fallback value contains function call (#18184)
• Upgrade: Migrate negative arbitrary values to negative bare values (e.g. mb-[-32rem] → -mb-128) (#18212)
• Upgrade: Do not migrate blur in wire:model.blur (#18216)
• Don't add spaces around CSS dashed idents when formatting math expressions (#18220)

Commits

• b24457a Prepare 4.1.11 (#18397)
• aa85931 feat: add Vite 7 support to the @​tailwindcss/vite plugin (#18384)
• d06bbb8 Prepare v4.1.10 (#18290)
• b88371a Prepare v4.1.9 (#18285)
• See full diff in compare view

You can trigger a rebase of this PR by commenting @dependabot rebase.

---

Dependabot commands and options

You can trigger Dependabot actions by commenting on this PR:

• @dependabot rebase will rebase this PR
• @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
• @dependabot merge will merge this PR after your CI passes on it
• @dependabot squash and merge will squash and merge this PR after your CI passes on it
• @dependabot cancel merge will cancel a previously requested merge and block automerging
• @dependabot reopen will reopen this PR if it is closed
• @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
• @dependabot show <dependency name> ignore conditions will show all of the ignore conditions of the specified dependency
• @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
• @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
• @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)

Note
Automatic rebases have been disabled on this pull request as it has been open for over 30 days.

[jazzberry-ai]

Bug Report

Name	Severity	Example test case	Description
Inconsistent Styling in MDX Content due to Tailwind CSS and remarkSafeVars Interaction	Medium	Create an MDX file with Tailwind CSS classes inside an mdxTextExpression, e.g., {text-blue-500}. Observe inconsistent or broken styling after the update.	The update to Tailwind CSS might introduce changes that affect how it interacts with the remarkSafeVars plugin, which transforms mdxTextExpression nodes into inlineCode nodes. This transformation might interfere with Tailwind CSS's ability to correctly apply styles to content within MDX files, leading to inconsistent or broken styling.

_{Comments? Email us.}

[jazzberry-ai]

Bug Report

Name: Dependency Incompatibility between vite-plugin-mdx and vite

Severity: Medium

Example test case:

1. Apply the provided patch.
2. Run npm install in the project directory.
3. Run vite build. The build process will fail due to a dependency conflict.

Description:
The update to @tailwindcss/vite (4.1.11) pulls in a newer version of vite (6.3.5). This version is incompatible with the project's existing dependency vite-plugin-mdx (3.6.1), which requires vite < 3. This dependency conflict prevents the project from building successfully. A possible resolution would be to find a version of vite-plugin-mdx that supports vite v6, or downgrade vite.

_{Comments? Email us.}

[jazzberry-ai]

Bug Report

Name: Potential rendering issues with Mermaid and Motion components after dependency updates

Severity: Medium

Example test case:

1. Navigate to a page containing a Mermaid diagram or a Motion component.
2. Verify that the diagram or component is rendered correctly, without any visual glitches or errors.
3. Check the browser console for any JavaScript errors related to Mermaid or Motion.

Description:

The update to @tailwindcss/vite (4.1.8 to 4.1.11) included updates to mermaid (11.6.0 to 11.8.1) and motion (12.16.0 to 12.23.5). These are major dependency updates and may cause rendering issues. Manual testing is required to ensure that existing Mermaid diagrams and Motion components are rendered correctly after the update.

_{Comments? Email us.}

[dependabot]

Superseded by #69.