Deprecated `@import` rules in scss

[koyuki7w]

Code of Conduct

• I have read and agree to the GitHub Docs project's Code of Conduct

What article on docs.github.com is affected?

This issue is not about a particular page.

What changes are you suggesting?

In the current version, some scss files use @import rules, which are deprecated. The npm run build command prints a deprecation warning like this:

./src/frame/components/article/ArticleInlineLayout.module.scss
Deprecation Warning on line 0, column 8 of file:///home/koyuki/docs/src/frame/components/article/ArticleInlineLayout.module.scss:0:8:
Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.

More info and automated migrator: https://sass-lang.com/d/import

0 | @import "@primer/css/support/variables/layout.scss";

src/frame/components/article/ArticleInlineLayout.module.scss 1:9  root stylesheet

Import trace for requested module:
./src/frame/components/article/ArticleInlineLayout.module.scss
./src/frame/components/article/ArticleInlineLayout.tsx
./src/frame/components/article/ArticlePage.tsx
./src/landings/pages/product.tsx
./src/pages/[versionId]/[productId]/index.tsx

@use rules should be used instead. See https://sass-lang.com/documentation/breaking-changes/import/ for detail.

Additional information

No response

[bitsabhi]

• https://startling-madeleine-c4f094.netlify.app/

[Sharra-writes]

@koyuki7w Sorry, I'm not quite sure how to triage this. Is it about the docs or about the way something on the main site works?

[koyuki7w]

@Sharra-writes

Is it about the docs or about the way something on the main site works?

It is about how the main site works.

[Sharra-writes]

@koyuki7w In that case, I'm going to have to direct you to the support team, because the docs team doesn't have control over the way anything works, only the way it's documented.

If you find something in the docs affected by what you're talking about, though, especially if updates are made after you point out the problem, please let us know so we can keep the documentation up to date. 💛