Tailwind 4 @rule Support

[stevedya]

Tailwind CSS v4 introduces additional custom @ rules used for theming and plugin development. We should update our Stylelint configuration to ignore these rules so they don’t trigger linting errors.

Proposed Change

rules: {
  'scss/at-rule-no-unknown': [
    true,
    {
      ignoreAtRules: [
        'layer',
        'config',
        'theme',
        'custom-variant',
        'plugin',
        'source',
        'variant',
        'utility',
        'reference',
      ],
    },
  ],
}

These rules are valid in the context of Tailwind 4 and are required for our theme system to compile without Stylelint throwing errors. Ignoring them will align our linting setup with Tailwind’s latest features.

More information: Functions and directives