a11y/media-prefers-reduced-motion: media-feature-name-no-unknown error

[strarsis]

CSS that uses prefers-reduced-motion media query:

html {
  scroll-behavior: smooth;
}

@media screen and (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}

.stylelintrc.js uses stylelint-a11y and its rules (including a11y/media-prefers-reduced-motion):

module.exports = {
  'extends': 'stylelint-config-standard',
  'plugins': [
    'stylelint-a11y',
  ],
  'rules': {
    'a11y/media-prefers-reduced-motion': true,
    'a11y/no-outline-none': true,
    'a11y/selector-pseudo-class-focus': true,
    'no-empty-source': null,
    'string-quotes': 'double',
    'at-rule-no-unknown': [
      true,
      {
        'ignoreAtRules': [
          'extend',
          'at-root',
          'debug',
          'warn',
          'error',
          'if',
          'else',
          'for',
          'each',
          'while',
          'mixin',
          'include',
          'content',
          'return',
          'function',
          'tailwind',
          'apply',
          'responsive',
          'variants',
          'screen',
        ],
      },
    ],
  },
};

The prefers-reduced-motion media query still results in lint error:

Unexpected unknown media feature name "prefers-reduced-motion"   media-feature-name-no-unknown