no-invalid-position-at-import-rule doesn't ignore @use statements

[elliotleelewis]

When running stylelint with no-invalid-position-at-import-rule enabled, the following fails:

@use 'sass:selector';

@import './styles/icons';

But after switching them the SCSS compile fails, stating that @use rules must be written before any other rules.:

[kristerkari]

Thanks for reporting this!

[kristerkari]

I somehow missed that the rule in the title was from stylelint core, so there is nothing that I can do about it. I guess that the rule can be disabled if it does not work with scss.

[elliotleelewis]

@kristerkari We probably need to create a replacement rule in stylelint-scss (scss/no-invalid-position-at-import-rule), as it looks like the Stylelint team aren't going to fix it. 😢

stylelint/stylelint#5322

I guess that as it only breaks with the SCSS custom syntax, this is probably the correct solution anyway, it's not really an issue with Stylelint itself.