Use @use rule's namespace will result in a font-family-no-missing-generic-family-keyword error.

[kimulaco]

Even if sans-serif is specified, using namespace will result in an error.

"@use" isn't a CSS standard feature, so you may need a new "scss/font-family-no-missing-generic-family-keyword" rule.

// src/scss/_font.scss
$font-family-default: Arial, sans-serif;

// src/scss/_button.scss
@use "font" as font;

.button {
  font-family: font.$font-family-default;
}

src/scss/_button.scss
 4:16  ✖  Unexpected missing generic font family   font-family-no-missing-generic-family-keyword

@use - Choosing a Namespace

[kristerkari]

Thanks!

Rather than creating a new rule to just fix that error, I think that it would be better to fix the stylelint rule to not throw an error when namespaces are used.

[kimulaco]

Thanks.
I'm sorry, but I don't have much knowledge about developing stylelint plugins, can this be overridden by plugins?
Or does stylelint require support?

[kimulaco]

I found a point in stylelint that needs to be fixed, so I will issue an issue on stylelint.
Thank you for checking.

[kimulaco]

Close because stylelint has been modified.