⬆️ Bump eslint-plugin-tailwindcss from 3.18.3 to 4.2.0

[dependabot]

Bumps eslint-plugin-tailwindcss from 3.18.3 to 4.2.0.

Release notes

Sourced from eslint-plugin-tailwindcss's releases.

v4.2.0

🚀 Features

New rule important-modifier-suffix: Makes sure the ! important modifier is at the end of the class names. The former ! location (between the modifiers and the class name is deprecated).

v4.1.0

v4.1.0

🚀 Features

no-unnecessary-arbitrary-value: Expanded checks to catch and replace redundant arbitrary values (resolves #366).

💡 What's new: Prior to v4.1.0, this rule only flagged exact string matches between an arbitrary value and a preset. The rule is now smart enough to resolve unit conversions and spacing configurations.

The plugin will now suggest cleaner native alternatives for:

• Native presets: Replaces inset-[1px] with inset-px (previously ignored because px preset is not declared in the config, yet it exists).
• Unitless values: Replaces z-[123] with z-123.
• Spacing-based values: Replaces m-[8px] with m-2 by intelligently parsing your Tailwind v4's configuration (--spacing: 0.25rem; /* 4px */).

🐞 Fixes

• fix: respect the optional ! important modifiers in the fixers

v4.0.6

• fix: false positives with border and divide by no-contradicting-classname rule #461

v4.0.5

• fix: missing eslint as peer dependency #463
• fix: enforces-shorthand did not work when prefixed #462

v4.0.4

• minor: add shadcn ui's cn inside functions default values of the settings
• fix: peer & peer/... are now considered valid classnames

Tailwind CSS v4

Made for Tailwind CSS v4

Version 4 of the eslint-plugin-tailwindcss is:

• re-written from scratch
• using TypeScript
• Based as much as possible on internal assets of Tailwind CSS:
  • via the prettier-plugin-tailwindcss plugin
  • via tailwind-api-utils
• only compatible with:
  • Tailwind CSS v4.x.x
  • ESLint flat config format
  • Node >= 20.19.0

... (truncated)

Changelog

Sourced from eslint-plugin-tailwindcss's changelog.

v4.2.0

🚀 Features

New rule important-modifier-suffix: Makes sure the ! important modifier is at the end of the class names. The former ! location (between the modifiers and the class name is deprecated).

v4.1.0

🚀 Features

no-unnecessary-arbitrary-value: Expanded checks to catch and replace redundant arbitrary values (resolves #366).

💡 What's new: Prior to v4.1.0, this rule only flagged exact string matches between an arbitrary value and a preset. The rule is now smart enough to resolve unit conversions and spacing configurations.

The plugin will now suggest cleaner native alternatives for:

• Native presets: Replaces inset-[1px] with inset-px (previously ignored because px preset is not declared in the config, yet it exists).
• Unitless values: Replaces z-[123] with z-123.
• Spacing-based values: Replaces m-[8px] with m-2 by intelligently parsing your Tailwind v4's configuration (--spacing: 0.25rem; /* 4px */).

🐞 Fixes

• fix: respect the optional ! important modifiers in the fixers

4.0.6

• fix: false positives with border and divide by no-contradicting-classname rule #461

4.0.5

• fix: missing eslint as peer dependency #463
• fix: enforces-shorthand did not work when prefixed #462

4.0.4

• minor: add shadcn ui's cn inside functions default values of the settings
• fix: peer & peer/... are now considered valid classnames

4.0.0

Made for Tailwind CSS v4

Version 4 of the eslint-plugin-tailwindcss is:

• re-written from scratch
• using TypeScript
• Based as much as possible on internal assets of Tailwind CSS:
  • via the prettier-plugin-tailwindcss plugin
  • via tailwind-api-utils
• only compatible with:

... (truncated)

Upgrade guide

Sourced from eslint-plugin-tailwindcss's upgrade guide.

Upgrade guide

eslint-plugin-tailwindcss from v3 to v4

Version 4 of the eslint-plugin-tailwindcss was rewritten entirely in TypeScript and it is exclusively compatible with Tailwind CSS v4.

If you are using Tailwind CSS v4, you should use the v4 of the plugin.

Changes from v3

Requirements

Your project must:

• use Tailwind CSS v4
• use node v20.19.0 or higher

Shared settings

In v3, you were able to use different settings for different rules.

In v4, most of the settings can only be defined within the shared settings.

You can read more about the available options of each rule in the docs. (e.g. no-unnecessary-arbitrary-value which has no dedicated options or no-custom-classname which uses a specific option)

The most important setting is the cssConfigPath which expects a path pointing to the main CSS file used by Tailwind CSS. If the provided path is absolute, it is used as is. If the path is relative the plugin will attempt to convert it into an absolute path.

Modified settings

• callees is renamed functions
• parseKeyFunctions list the functions in which we should validate the keys instead of the values
• config
  • renamed cssConfigPath
  • pointing to the main css file
• cssFiles is not used in v4
• cssFilesRefreshRate is not used in v4
• removeDuplicates is not used in v4
• skipClassAttribute is not used in v4
• whitelist is set in no-custom-classname's options
• tags is renamed functions
• classRegex
  • renamed attributes
  • only accept regular strings

Removed rule

migration-from-tailwind-2 rule has not been migrated to v4.

Do you need help?

... (truncated)

Commits

• 0b1259a 4.2.0
• 1589ee7 feat(rule): important-modifier-suffix (#467)
• 3560a5e feat(no-unnecessary-arbitrary-value): rule enhancements (#464)
• b9de079 fix: respect ! important modifiers (#465)
• 5a23dc8 4.0.6
• 6e4fd93 Merge branch 'v4' of github.com:francoismassart/eslint-plugin-tailwindcss int...
• 01ef283 fix: #461
• 86d4b2a fix: #461
• 5d0c0e6 4.0.5
• 6d422bb docs: changelog prior to 4.0.5
• Additional commits viewable in compare view

Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually 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 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)

[dependabot]

Labels

The following labels could not be found: dependencies. Please create it before Dependabot can add it to a pull request.

Please fix the above issues or remove invalid values from dependabot.yml.