stylelintを導入したところ、ずっと同じエラーが表示され解決できない

Question

エラー画面

下記の画像のようにVScode上で、全てのscssファイルの1行目に

Unknown rule no-invalid-position-at-import-rule.
Unknown rule no-irregular-whitespace.

が表示されており、下述するstylelintのymlファイルのあらゆる箇所を書き換えても解決できません。。

これはどうやったら解決できるでしょうか？原因はなんでしょうか？

該当のコード

.stylelintrc.yml

extends:
  - stylelint-config-standard
  - stylelint-config-recess-order
  - stylelint-rscss/config
plugins:
  - stylelint-scss
  - stylelint-declaration-block-no-ignored-properties
rules:
  string-quotes: single
  no-empty-source: null
  selector-pseudo-element-no-unknown:
    - true
    - ignorePseudoElements:
      - v-deep
  at-rule-no-unknown: null
  no-descending-specificity: null
  scss/at-rule-no-unknown: true
  property-no-unknown:
    - true
    - ignoreProperties:
      - font-icon

その他

このプロジェクトはtypescriptとnext.jsで作成しています。その他、記述した方が良いファイルなどがあれば随時記載します。

Answer 1

プラグインを変えたら出なくなりました。。

正確には

https://marketplace.visualstudio.com/items?itemName=hex-ci.stylelint-plus
から
https://github.com/stylelint/vscode-stylelint
に変えたら解決しました