Add ignoreAtRules for tailwind 4

CHANGELOG.md

@@ -4,7 +4,11 @@ All notable changes to this project will be documented in this file.
 
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/) and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
-## Unreleased
+## [3.0.1](https://github.com/torchbox/stylelint-config-torchbox/compare/v3.0.0...v3.0.1) (2025-05-06)
+
+### Features
+
+- Add support for Tailwind CSS v4 `@` rules by updating the `scss/at-rule-no-unknown` ignore list. This prevents Stylelint from flagging valid Tailwind theming syntax such as `@source`, `@varaint`, `@utility`, and others, [#40](hhttps://github.com/torchbox/stylelint-config-torchbox/pull/40)).
 
 ## [3.0.0](https://github.com/torchbox/stylelint-config-torchbox/compare/v2.0.3...v3.0.0) (2023-08-17)
 

README.md

@@ -129,7 +129,7 @@ To get the most out of this config, it is assumed that projects have the followi
 - [`media-feature-name-no-vendor-prefix`](https://stylelint.io/user-guide/rules/media-feature-name-no-vendor-prefix/)
 - [`at-rule-no-vendor-prefix`](https://stylelint.io/user-guide/rules/at-rule-no-vendor-prefix/)
 - [`declaration-property-value-disallowed-list`](https://stylelint.io/user-guide/rules/declaration-property-value-disallowed-list/): `text-align: justify`
-- [`scss/at-rule-no-unknown`](https://github.com/stylelint-scss/stylelint-scss/blob/master/src/rules/at-rule-no-unknown/README.md): `true, ignoreAtRules: tailwind, apply, variants, responsive, screen, layer`
+- [`scss/at-rule-no-unknown`](https://github.com/stylelint-scss/stylelint-scss/blob/master/src/rules/at-rule-no-unknown/README.md): `true, ignoreAtRules: tailwind, apply, variants, responsive, screen, layer, config, theme, custom-variant, plugin, source, variant, utility, reference`
 - [`scss/declaration-nested-properties`](https://github.com/stylelint-scss/stylelint-scss/blob/master/src/rules/declaration-nested-properties/README.md): `never`
 - [`scss/selector-no-redundant-nesting-selector`](https://github.com/stylelint-scss/stylelint-scss/blob/master/src/rules/selector-no-redundant-nesting-selector/README.md)
 - [`scss/percent-placeholder-pattern`](https://github.com/stylelint-scss/stylelint-scss/blob/master/src/rules/percent-placeholder-pattern/README.md): `^do-not-use-placeholders$`

config.js

@@ -62,6 +62,14 @@ module.exports = {
                     'responsive',
                     'screen',
                     'layer',
+                    'config',
+                    'theme',
+                    'custom-variant',
+                    'plugin',
+                    'source',
+                    'variant',
+                    'utility',
+                    'reference',
                 ],
             },
         ],

src/__snapshots__/semver.test.js.snap

@@ -290,6 +290,14 @@ exports[`semver - should those tests break, consider releasing a new major versi
         "responsive",
         "screen",
         "layer",
+        "config",
+        "theme",
+        "custom-variant",
+        "plugin",
+        "source",
+        "variant",
+        "utility",
+        "reference",
       ],
     },
   ],