使用styled-components时Stylelint未对!important告警如何解决？

• 先确认你使用的Stylelint版本是否为v14及以上，该版本已废弃处理器（processor）适配方案，你需要替换为专门的styled-components语法解析器：
  首先安装对应依赖：
  npm install postcss-styled-syntax --save-dev
  随后修改你的.stylelintrc.json配置，移除原有processors字段，新增customSyntax配置，修改后完整配置如下：

  {
    "customSyntax": "postcss-styled-syntax",
    "extends": ["stylelint-config-recommended", "stylelint-config-styled-components"],
    "rules": {
        "declaration-no-important": true
    }
  }
  

• 调整Stylelint运行命令，默认Stylelint仅扫描.css后缀文件，你需要手动指定覆盖TS/TSX后缀的样式文件，正确运行命令示例：
  npx stylelint "**/*.{css,ts,tsx}"
• 检查项目根目录下的.stylelintignore文件，确认未将lib/目录或者Checkbox.styles.ts文件加入忽略扫描列表。
• 完成上述调整后重新运行Stylelint，即可正常识别styled-components代码中的!important用法并抛出对应告警。

内容的提问来源于stack exchange，提问作者Rodrigo