Repository: stylelint-scss/stylelint-scss
Pull request #729 (2023-01-02 16:06:14)

Bump eslint from 8.29.0 to 8.31.0
Bumps [eslint](https://github.com/eslint/eslint) from 8.29.0 to 8.31.0.
<details>
<summary>Release notes</summary>
<p><em>Sourced from <a href="https://github.com/eslint/eslint/releases">eslint's releases</a>.</em></p>
<blockquote>
<h2>v8.31.0</h2>
<h2>Features</h2>
<ul>
<li><a href="https://github.com/eslint/eslint/commit/52c7c73c052e1ec2528c6b4af78181bc30cf8cdd"><code>52c7c73</code></a> feat: check assignment patterns in no-underscore-dangle (<a href="https://github-redirect.dependabot.com/eslint/eslint/issues/16693">#16693</a>) (Milos Djermanovic)</li>
<li><a href="https://github.com/eslint/eslint/commit/b401cde47d44746ff91b8feced3fb3a4e32c0e12"><code>b401cde</code></a> feat: add options to check destructuring in no-underscore-dangle (<a href="https://github-redirect.dependabot.com/eslint/eslint/issues/16006">#16006</a>) (Morten Kaltoft)</li>
<li><a href="https://github.com/eslint/eslint/commit/30d0daf55e85a412995f6d69f47cab3fb591f2c3"><code>30d0daf</code></a> feat: group properties with values in parentheses in <code>key-spacing</code> (<a href="https://github-redirect.dependabot.com/eslint/eslint/issues/16677">#16677</a>) (Francesco Trotta)</li>
</ul>
<h2>Bug Fixes</h2>
<ul>
<li><a href="https://github.com/eslint/eslint/commit/35439f1572e1a8888f7feb6c5e51a15b5582495d"><code>35439f1</code></a> fix: correct syntax error in <code>prefer-arrow-callback</code> autofix (<a href="https://github-redirect.dependabot.com/eslint/eslint/issues/16722">#16722</a>) (Francesco Trotta)</li>
<li><a href="https://github.com/eslint/eslint/commit/87b247058ed520061fe1a146b7f0e7072a94990d"><code>87b2470</code></a> fix: new instance of FlatESLint should load latest config file version (<a href="https://github-redirect.dependabot.com/eslint/eslint/issues/16608">#16608</a>) (Milos Djermanovic)</li>
</ul>
<h2>Documentation</h2>
<ul>
<li><a href="https://github.com/eslint/eslint/commit/4339dc462d78888fe2e10acdfacd6f57245ce6ae"><code>4339dc4</code></a> docs: Update README (GitHub Actions Bot)</li>
<li><a href="https://github.com/eslint/eslint/commit/4e4049c5fa355b2091afc8948690fcd7b1c1e6df"><code>4e4049c</code></a> docs: optimize code block structure (<a href="https://github-redirect.dependabot.com/eslint/eslint/issues/16669">#16669</a>) (Sam Chen)</li>
<li><a href="https://github.com/eslint/eslint/commit/54a7ade5d8e6f59554afeb9202ba6143f8afdf57"><code>54a7ade</code></a> docs: do not escape code blocks of formatters examples (<a href="https://github-redirect.dependabot.com/eslint/eslint/issues/16719">#16719</a>) (Sam Chen)</li>
<li><a href="https://github.com/eslint/eslint/commit/e5ecfefa1c952195a3a8371f5953cc655d844079"><code>e5ecfef</code></a> docs: Add function call example for no-undefined (<a href="https://github-redirect.dependabot.com/eslint/eslint/issues/16712">#16712</a>) (Elliot Huffman)</li>
<li><a href="https://github.com/eslint/eslint/commit/a3262f0a6305d2a721fac137a60c62c019b26aa4"><code>a3262f0</code></a> docs: Add mastodon link (<a href="https://github-redirect.dependabot.com/eslint/eslint/issues/16638">#16638</a>) (Amaresh  S M)</li>
<li><a href="https://github.com/eslint/eslint/commit/a14ccf91af1122e419710f58ef494980fc4894b3"><code>a14ccf9</code></a> docs: clarify files property (<a href="https://github-redirect.dependabot.com/eslint/eslint/issues/16709">#16709</a>) (Sam Chen)</li>
<li><a href="https://github.com/eslint/eslint/commit/3b29eb14e00182614c986d8498b483a9917976e7"><code>3b29eb1</code></a> docs: fix npm link (<a href="https://github-redirect.dependabot.com/eslint/eslint/issues/16710">#16710</a>) (Abdullah Osama)</li>
<li><a href="https://github.com/eslint/eslint/commit/a638673ee6e94344c46d12dfc988adeb3783f817"><code>a638673</code></a> docs: fix search bar focus on <code>Esc</code> (<a href="https://github-redirect.dependabot.com/eslint/eslint/issues/16700">#16700</a>) (Shanmughapriyan S)</li>
<li><a href="https://github.com/eslint/eslint/commit/f62b722251858a5dfb157591910edbaaeb4a966f"><code>f62b722</code></a> docs: country flag missing in windows (<a href="https://github-redirect.dependabot.com/eslint/eslint/issues/16698">#16698</a>) (Shanmughapriyan S)</li>
<li><a href="https://github.com/eslint/eslint/commit/4d27ec6019847afabeebf592dddc014e9220057c"><code>4d27ec6</code></a> docs: display zh-hans in the docs language switcher (<a href="https://github-redirect.dependabot.com/eslint/eslint/issues/16686">#16686</a>) (Percy Ma)</li>
<li><a href="https://github.com/eslint/eslint/commit/8bda20e8276c6ba17d31842fcdd63ba65476fbbd"><code>8bda20e</code></a> docs: remove manually maintained anchors (<a href="https://github-redirect.dependabot.com/eslint/eslint/issues/16685">#16685</a>) (Percy Ma)</li>
<li><a href="https://github.com/eslint/eslint/commit/b68440ff2b8322fc00373792701169205c94ed94"><code>b68440f</code></a> docs: User Guide Getting Started expansion (<a href="https://github-redirect.dependabot.com/eslint/eslint/issues/16596">#16596</a>) (Ben Perlmutter)</li>
</ul>
<h2>Chores</h2>
<ul>
<li><a href="https://github.com/eslint/eslint/commit/65d4e24c36367cd63f0eba7371820e0e81dae7aa"><code>65d4e24</code></a> chore: Upgrade <code>@​eslint/eslintrc</code><a href="https://github.com/1"><code>@​1</code></a>.4.1 (<a href="https://github-redirect.dependabot.com/eslint/eslint/issues/16729">#16729</a>) (Brandon Mills)</li>
<li><a href="https://github.com/eslint/eslint/commit/8d93081a717f6e8b8cb60c3075cc1d7e4e655e6b"><code>8d93081</code></a> chore: fix CI failure (<a href="https://github-redirect.dependabot.com/eslint/eslint/issues/16721">#16721</a>) (Sam Chen)</li>
<li><a href="https://github.com/eslint/eslint/commit/8f17247a93240ff8a08980d8e06352e4ff4e8fe3"><code>8f17247</code></a> chore: Set up automatic updating of README (<a href="https://github-redirect.dependabot.com/eslint/eslint/issues/16717">#16717</a>) (Nicholas C. Zakas)</li>
<li><a href="https://github.com/eslint/eslint/commit/4cd87cb3c52412277577ba00c4fbb1aec36acc8c"><code>4cd87cb</code></a> ci: bump actions/stale from 6 to 7 (<a href="https://github-redirect.dependabot.com/eslint/eslint/issues/16713">#16713</a>) (dependabot[bot])</li>
<li><a href="https://github.com/eslint/eslint/commit/fd20c75b1059c54d598c0abaf63e7d7a80f04f32"><code>fd20c75</code></a> chore: sort package.json scripts in alphabetical order (<a href="https://github-redirect.dependabot.com/eslint/eslint/issues/16705">#16705</a>) (Darius Dzien)</li>
<li><a href="https://github.com/eslint/eslint/commit/10a5c7839370219c79f44d4206cbd7c28a72bad5"><code>10a5c78</code></a> chore: update ignore patterns in <code>eslint.config.js</code> (<a href="https://github-redirect.dependabot.com/eslint/eslint/issues/16678">#16678</a>) (Milos Djermanovic)</li>
</ul>
<h2>v8.30.0</h2>
<h2>Features</h2>
<ul>
<li><a href="https://github.com/eslint/eslint/commit/075ef2cf315e75b51b671c40ce9a97c66b2e4b50"><code>075ef2c</code></a> feat: add suggestion for no-return-await (<a href="https://github-redirect.dependabot.com/eslint/eslint/issues/16637">#16637</a>) (Daniel Bartholomae)</li>
<li><a href="https://github.com/eslint/eslint/commit/7190d98ff40023f24b0c6a98319ae8a82c99ff5b"><code>7190d98</code></a> feat: update globals (<a href="https://github-redirect.dependabot.com/eslint/eslint/issues/16654">#16654</a>) (Sébastien Règne)</li>
</ul>
<h2>Bug Fixes</h2>
<ul>
<li><a href="https://github.com/eslint/eslint/commit/1a327aae57f1b68c96b27cc1bd57f8198d5a3a7c"><code>1a327aa</code></a> fix: Ensure flat config unignores work consistently like eslintrc (<a href="https://github-redirect.dependabot.com/eslint/eslint/issues/16579">#16579</a>) (Nicholas C. Zakas)</li>
<li><a href="https://github.com/eslint/eslint/commit/9b8bb72c49a453086954b06a5d7dd390731b1975"><code>9b8bb72</code></a> fix: autofix recursive functions in no-var (<a href="https://github-redirect.dependabot.com/eslint/eslint/issues/16611">#16611</a>) (Milos Djermanovic)</li>
</ul>
<h2>Documentation</h2>
<ul>
<li><a href="https://github.com/eslint/eslint/commit/6a8cd94ed08983c70ca7d72dc6e360770a743405"><code>6a8cd94</code></a> docs: Clarify Discord info in issue template config (<a href="https://github-redirect.dependabot.com/eslint/eslint/issues/16663">#16663</a>) (Nicholas C. Zakas)</li>
<li><a href="https://github.com/eslint/eslint/commit/ad44344ef6fdeac7217eb83bc54a230382c0da5e"><code>ad44344</code></a> docs: CLI documentation standardization (<a href="https://github-redirect.dependabot.com/eslint/eslint/issues/16563">#16563</a>) (Ben Perlmutter)</li>
<li><a href="https://github.com/eslint/eslint/commit/293573eb530d161d2a5b01efd9d3de49dadea022"><code>293573e</code></a> docs: fix broken line numbers (<a href="https://github-redirect.dependabot.com/eslint/eslint/issues/16606">#16606</a>) (Sam Chen)</li>
<li><a href="https://github.com/eslint/eslint/commit/fa2c64be10d5854fb586c20957737d7d2da1975a"><code>fa2c64b</code></a> docs: use relative links for internal links (<a href="https://github-redirect.dependabot.com/eslint/eslint/issues/16631">#16631</a>) (Percy Ma)</li>
<li><a href="https://github.com/eslint/eslint/commit/75276c9bc7c4bc013fc6bdf277353c979934d73b"><code>75276c9</code></a> docs: reorder options in no-unused-vars (<a href="https://github-redirect.dependabot.com/eslint/eslint/issues/16625">#16625</a>) (Milos Djermanovic)</li>
<li><a href="https://github.com/eslint/eslint/commit/7276fe5776f03fb90e575ed63a9b1a6766993e42"><code>7276fe5</code></a> docs: Fix anchor in URL (<a href="https://github-redirect.dependabot.com/eslint/eslint/issues/16628">#16628</a>) (Karl Horky)</li>
<li><a href="https://github.com/eslint/eslint/commit/6bef1350e692c818c55c6d2074c12506e98cdf4f"><code>6bef135</code></a> docs: don't apply layouts to html formatter example (<a href="https://github-redirect.dependabot.com/eslint/eslint/issues/16591">#16591</a>) (Tanuj Kanti)</li>
<li><a href="https://github.com/eslint/eslint/commit/dfc7ec11b11b56daaa10e8e6d08c5cddfc8c2c59"><code>dfc7ec1</code></a> docs: Formatters page updates (<a href="https://github-redirect.dependabot.com/eslint/eslint/issues/16566">#16566</a>) (Ben Perlmutter)</li>
</ul>
<!-- raw HTML omitted -->
</blockquote>
<p>... (truncated)</p>
</details>
<details>
<summary>Changelog</summary>
<p><em>Sourced from <a href="https://github.com/eslint/eslint/blob/main/CHANGELOG.md">eslint's changelog</a>.</em></p>
<blockquote>
<p>v8.31.0 - December 31, 2022</p>
<ul>
<li><a href="https://github.com/eslint/eslint/commit/65d4e24c36367cd63f0eba7371820e0e81dae7aa"><code>65d4e24</code></a> chore: Upgrade <code>@​eslint/eslintrc</code><a href="https://github.com/1"><code>@​1</code></a>.4.1 (<a href="https://github-redirect.dependabot.com/eslint/eslint/issues/16729">#16729</a>) (Brandon Mills)</li>
<li><a href="https://github.com/eslint/eslint/commit/35439f1572e1a8888f7feb6c5e51a15b5582495d"><code>35439f1</code></a> fix: correct syntax error in <code>prefer-arrow-callback</code> autofix (<a href="https://github-redirect.dependabot.com/eslint/eslint/issues/16722">#16722</a>) (Francesco Trotta)</li>
<li><a href="https://github.com/eslint/eslint/commit/87b247058ed520061fe1a146b7f0e7072a94990d"><code>87b2470</code></a> fix: new instance of FlatESLint should load latest config file version (<a href="https://github-redirect.dependabot.com/eslint/eslint/issues/16608">#16608</a>) (Milos Djermanovic)</li>
<li><a href="https://github.com/eslint/eslint/commit/8d93081a717f6e8b8cb60c3075cc1d7e4e655e6b"><code>8d93081</code></a> chore: fix CI failure (<a href="https://github-redirect.dependabot.com/eslint/eslint/issues/16721">#16721</a>) (Sam Chen)</li>
<li><a href="https://github.com/eslint/eslint/commit/4339dc462d78888fe2e10acdfacd6f57245ce6ae"><code>4339dc4</code></a> docs: Update README (GitHub Actions Bot)</li>
<li><a href="https://github.com/eslint/eslint/commit/8f17247a93240ff8a08980d8e06352e4ff4e8fe3"><code>8f17247</code></a> chore: Set up automatic updating of README (<a href="https://github-redirect.dependabot.com/eslint/eslint/issues/16717">#16717</a>) (Nicholas C. Zakas)</li>
<li><a href="https://github.com/eslint/eslint/commit/4e4049c5fa355b2091afc8948690fcd7b1c1e6df"><code>4e4049c</code></a> docs: optimize code block structure (<a href="https://github-redirect.dependabot.com/eslint/eslint/issues/16669">#16669</a>) (Sam Chen)</li>
<li><a href="https://github.com/eslint/eslint/commit/54a7ade5d8e6f59554afeb9202ba6143f8afdf57"><code>54a7ade</code></a> docs: do not escape code blocks of formatters examples (<a href="https://github-redirect.dependabot.com/eslint/eslint/issues/16719">#16719</a>) (Sam Chen)</li>
<li><a href="https://github.com/eslint/eslint/commit/52c7c73c052e1ec2528c6b4af78181bc30cf8cdd"><code>52c7c73</code></a> feat: check assignment patterns in no-underscore-dangle (<a href="https://github-redirect.dependabot.com/eslint/eslint/issues/16693">#16693</a>) (Milos Djermanovic)</li>
<li><a href="https://github.com/eslint/eslint/commit/e5ecfefa1c952195a3a8371f5953cc655d844079"><code>e5ecfef</code></a> docs: Add function call example for no-undefined (<a href="https://github-redirect.dependabot.com/eslint/eslint/issues/16712">#16712</a>) (Elliot Huffman)</li>
<li><a href="https://github.com/eslint/eslint/commit/a3262f0a6305d2a721fac137a60c62c019b26aa4"><code>a3262f0</code></a> docs: Add mastodon link (<a href="https://github-redirect.dependabot.com/eslint/eslint/issues/16638">#16638</a>) (Amaresh  S M)</li>
<li><a href="https://github.com/eslint/eslint/commit/4cd87cb3c52412277577ba00c4fbb1aec36acc8c"><code>4cd87cb</code></a> ci: bump actions/stale from 6 to 7 (<a href="https://github-redirect.dependabot.com/eslint/eslint/issues/16713">#16713</a>) (dependabot[bot])</li>
<li><a href="https://github.com/eslint/eslint/commit/a14ccf91af1122e419710f58ef494980fc4894b3"><code>a14ccf9</code></a> docs: clarify files property (<a href="https://github-redirect.dependabot.com/eslint/eslint/issues/16709">#16709</a>) (Sam Chen)</li>
<li><a href="https://github.com/eslint/eslint/commit/3b29eb14e00182614c986d8498b483a9917976e7"><code>3b29eb1</code></a> docs: fix npm link (<a href="https://github-redirect.dependabot.com/eslint/eslint/issues/16710">#16710</a>) (Abdullah Osama)</li>
<li><a href="https://github.com/eslint/eslint/commit/fd20c75b1059c54d598c0abaf63e7d7a80f04f32"><code>fd20c75</code></a> chore: sort package.json scripts in alphabetical order (<a href="https://github-redirect.dependabot.com/eslint/eslint/issues/16705">#16705</a>) (Darius Dzien)</li>
<li><a href="https://github.com/eslint/eslint/commit/a638673ee6e94344c46d12dfc988adeb3783f817"><code>a638673</code></a> docs: fix search bar focus on <code>Esc</code> (<a href="https://github-redirect.dependabot.com/eslint/eslint/issues/16700">#16700</a>) (Shanmughapriyan S)</li>
<li><a href="https://github.com/eslint/eslint/commit/f62b722251858a5dfb157591910edbaaeb4a966f"><code>f62b722</code></a> docs: country flag missing in windows (<a href="https://github-redirect.dependabot.com/eslint/eslint/issues/16698">#16698</a>) (Shanmughapriyan S)</li>
<li><a href="https://github.com/eslint/eslint/commit/4d27ec6019847afabeebf592dddc014e9220057c"><code>4d27ec6</code></a> docs: display zh-hans in the docs language switcher (<a href="https://github-redirect.dependabot.com/eslint/eslint/issues/16686">#16686</a>) (Percy Ma)</li>
<li><a href="https://github.com/eslint/eslint/commit/8bda20e8276c6ba17d31842fcdd63ba65476fbbd"><code>8bda20e</code></a> docs: remove manually maintained anchors (<a href="https://github-redirect.dependabot.com/eslint/eslint/issues/16685">#16685</a>) (Percy Ma)</li>
<li><a href="https://github.com/eslint/eslint/commit/b401cde47d44746ff91b8feced3fb3a4e32c0e12"><code>b401cde</code></a> feat: add options to check destructuring in no-underscore-dangle (<a href="https://github-redirect.dependabot.com/eslint/eslint/issues/16006">#16006</a>) (Morten Kaltoft)</li>
<li><a href="https://github.com/eslint/eslint/commit/b68440ff2b8322fc00373792701169205c94ed94"><code>b68440f</code></a> docs: User Guide Getting Started expansion (<a href="https://github-redirect.dependabot.com/eslint/eslint/issues/16596">#16596</a>) (Ben Perlmutter)</li>
<li><a href="https://github.com/eslint/eslint/commit/30d0daf55e85a412995f6d69f47cab3fb591f2c3"><code>30d0daf</code></a> feat: group properties with values in parentheses in <code>key-spacing</code> (<a href="https://github-redirect.dependabot.com/eslint/eslint/issues/16677">#16677</a>) (Francesco Trotta)</li>
<li><a href="https://github.com/eslint/eslint/commit/10a5c7839370219c79f44d4206cbd7c28a72bad5"><code>10a5c78</code></a> chore: update ignore patterns in <code>eslint.config.js</code> (<a href="https://github-redirect.dependabot.com/eslint/eslint/issues/16678">#16678</a>) (Milos Djermanovic)</li>
</ul>
<p>v8.30.0 - December 16, 2022</p>
<ul>
<li><a href="https://github.com/eslint/eslint/commit/f2c47372420f050ad8f2300271345de1c1232635"><code>f2c4737</code></a> chore: upgrade <code>@​eslint/eslintrc</code><a href="https://github.com/1"><code>@​1</code></a>.4.0 (<a href="https://github-redirect.dependabot.com/eslint/eslint/issues/16675">#16675</a>) (Milos Djermanovic)</li>
<li><a href="https://github.com/eslint/eslint/commit/1a327aae57f1b68c96b27cc1bd57f8198d5a3a7c"><code>1a327aa</code></a> fix: Ensure flat config unignores work consistently like eslintrc (<a href="https://github-redirect.dependabot.com/eslint/eslint/issues/16579">#16579</a>) (Nicholas C. Zakas)</li>
<li><a href="https://github.com/eslint/eslint/commit/075ef2cf315e75b51b671c40ce9a97c66b2e4b50"><code>075ef2c</code></a> feat: add suggestion for no-return-await (<a href="https://github-redirect.dependabot.com/eslint/eslint/issues/16637">#16637</a>) (Daniel Bartholomae)</li>
<li><a href="https://github.com/eslint/eslint/commit/ba74253e8bd63e9e163bbee0540031be77e39253"><code>ba74253</code></a> chore: standardize npm script names per <a href="https://github-redirect.dependabot.com/eslint/eslint/issues/14827">#14827</a> (<a href="https://github-redirect.dependabot.com/eslint/eslint/issues/16315">#16315</a>) (Patrick McElhaney)</li>
<li><a href="https://github.com/eslint/eslint/commit/6a8cd94ed08983c70ca7d72dc6e360770a743405"><code>6a8cd94</code></a> docs: Clarify Discord info in issue template config (<a href="https://github-redirect.dependabot.com/eslint/eslint/issues/16663">#16663</a>) (Nicholas C. Zakas)</li>
<li><a href="https://github.com/eslint/eslint/commit/0d9af4c5674809be993439c766dcd9d7f65fcec9"><code>0d9af4c</code></a> ci: fix npm v9 problem with <code>file:</code> (<a href="https://github-redirect.dependabot.com/eslint/eslint/issues/16664">#16664</a>) (Milos Djermanovic)</li>
<li><a href="https://github.com/eslint/eslint/commit/7190d98ff40023f24b0c6a98319ae8a82c99ff5b"><code>7190d98</code></a> feat: update globals (<a href="https://github-redirect.dependabot.com/eslint/eslint/issues/16654">#16654</a>) (Sébastien Règne)</li>
<li><a href="https://github.com/eslint/eslint/commit/ad44344ef6fdeac7217eb83bc54a230382c0da5e"><code>ad44344</code></a> docs: CLI documentation standardization (<a href="https://github-redirect.dependabot.com/eslint/eslint/issues/16563">#16563</a>) (Ben Perlmutter)</li>
<li><a href="https://github.com/eslint/eslint/commit/90c9219181e0aadcae7224602d2988186d457113"><code>90c9219</code></a> refactor: migrate off deprecated function-style rules in all tests (<a href="https://github-redirect.dependabot.com/eslint/eslint/issues/16618">#16618</a>) (Bryan Mishkin)</li>
<li><a href="https://github.com/eslint/eslint/commit/9b8bb72c49a453086954b06a5d7dd390731b1975"><code>9b8bb72</code></a> fix: autofix recursive functions in no-var (<a href="https://github-redirect.dependabot.com/eslint/eslint/issues/16611">#16611</a>) (Milos Djermanovic)</li>
<li><a href="https://github.com/eslint/eslint/commit/293573eb530d161d2a5b01efd9d3de49dadea022"><code>293573e</code></a> docs: fix broken line numbers (<a href="https://github-redirect.dependabot.com/eslint/eslint/issues/16606">#16606</a>) (Sam Chen)</li>
<li><a href="https://github.com/eslint/eslint/commit/fa2c64be10d5854fb586c20957737d7d2da1975a"><code>fa2c64b</code></a> docs: use relative links for internal links (<a href="https://github-redirect.dependabot.com/eslint/eslint/issues/16631">#16631</a>) (Percy Ma)</li>
<li><a href="https://github.com/eslint/eslint/commit/75276c9bc7c4bc013fc6bdf277353c979934d73b"><code>75276c9</code></a> docs: reorder options in no-unused-vars (<a href="https://github-redirect.dependabot.com/eslint/eslint/issues/16625">#16625</a>) (Milos Djermanovic)</li>
<li><a href="https://github.com/eslint/eslint/commit/7276fe5776f03fb90e575ed63a9b1a6766993e42"><code>7276fe5</code></a> docs: Fix anchor in URL (<a href="https://github-redirect.dependabot.com/eslint/eslint/issues/16628">#16628</a>) (Karl Horky)</li>
<li><a href="https://github.com/eslint/eslint/commit/6bef1350e692c818c55c6d2074c12506e98cdf4f"><code>6bef135</code></a> docs: don't apply layouts to html formatter example (<a href="https://github-redirect.dependabot.com/eslint/eslint/issues/16591">#16591</a>) (Tanuj Kanti)</li>
<li><a href="https://github.com/eslint/eslint/commit/dfc7ec11b11b56daaa10e8e6d08c5cddfc8c2c59"><code>dfc7ec1</code></a> docs: Formatters page updates (<a href="https://github-redirect.dependabot.com/eslint/eslint/issues/16566">#16566</a>) (Ben Perlmutter)</li>
<li><a href="https://github.com/eslint/eslint/commit/8ba124cfd8aaf01d14ccbcb1654798624948fb0a"><code>8ba124c</code></a> docs: update the <code>prefer-const</code> example (<a href="https://github-redirect.dependabot.com/eslint/eslint/issues/16607">#16607</a>) (Pavel)</li>
<li><a href="https://github.com/eslint/eslint/commit/e6cb05aa35bafb9e88f161ad1fa6b01942a7c13c"><code>e6cb05a</code></a> docs: fix css leaking (<a href="https://github-redirect.dependabot.com/eslint/eslint/issues/16603">#16603</a>) (Sam Chen)</li>
</ul>
</blockquote>
</details>
<details>
<summary>Commits</summary>
<ul>
<li><a href="https://github.com/eslint/eslint/commit/d9a39c7685496999b95b11486881d411089ab34e"><code>d9a39c7</code></a> 8.31.0</li>
<li><a href="https://github.com/eslint/eslint/commit/5d182ce7080adfd224b76c44e03ba9c2a2ac23bc"><code>5d182ce</code></a> Build: changelog update for 8.31.0</li>
<li><a href="https://github.com/eslint/eslint/commit/65d4e24c36367cd63f0eba7371820e0e81dae7aa"><code>65d4e24</code></a> chore: Upgrade <code>@​eslint/eslintrc</code><a href="https://github.com/1"><code>@​1</code></a>.4.1 (<a href="https://github-redirect.dependabot.com/eslint/eslint/issues/16729">#16729</a>)</li>
<li><a href="https://github.com/eslint/eslint/commit/35439f1572e1a8888f7feb6c5e51a15b5582495d"><code>35439f1</code></a> fix: correct syntax error in <code>prefer-arrow-callback</code> autofix (<a href="https://github-redirect.dependabot.com/eslint/eslint/issues/16722">#16722</a>)</li>
<li><a href="https://github.com/eslint/eslint/commit/87b247058ed520061fe1a146b7f0e7072a94990d"><code>87b2470</code></a> fix: new instance of FlatESLint should load latest config file version (<a href="https://github-redirect.dependabot.com/eslint/eslint/issues/16608">#16608</a>)</li>
<li><a href="https://github.com/eslint/eslint/commit/8d93081a717f6e8b8cb60c3075cc1d7e4e655e6b"><code>8d93081</code></a> chore: fix CI failure (<a href="https://github-redirect.dependabot.com/eslint/eslint/issues/16721">#16721</a>)</li>
<li><a href="https://github.com/eslint/eslint/commit/4339dc462d78888fe2e10acdfacd6f57245ce6ae"><code>4339dc4</code></a> docs: Update README</li>
<li><a href="https://github.com/eslint/eslint/commit/8f17247a93240ff8a08980d8e06352e4ff4e8fe3"><code>8f17247</code></a> chore: Set up automatic updating of README (<a href="https://github-redirect.dependabot.com/eslint/eslint/issues/16717">#16717</a>)</li>
<li><a href="https://github.com/eslint/eslint/commit/4e4049c5fa355b2091afc8948690fcd7b1c1e6df"><code>4e4049c</code></a> docs: optimize code block structure (<a href="https://github-redirect.dependabot.com/eslint/eslint/issues/16669">#16669</a>)</li>
<li><a href="https://github.com/eslint/eslint/commit/54a7ade5d8e6f59554afeb9202ba6143f8afdf57"><code>54a7ade</code></a> docs: do not escape code blocks of formatters examples (<a href="https://github-redirect.dependabot.com/eslint/eslint/issues/16719">#16719</a>)</li>
<li>Additional commits viewable in <a href="https://github.com/eslint/eslint/compare/v8.29.0...v8.31.0">compare view</a></li>
</ul>
</details>
<br />


[![Dependabot compatibility score](https://dependabot-badges.githubapp.com/badges/compatibility_score?dependency-name=eslint&package-manager=npm_and_yarn&previous-version=8.29.0&new-version=8.31.0)](https://docs.github.com/en/github/managing-security-vulnerabilities/about-dependabot-security-updates#about-compatibility-scores)

Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting `@dependabot rebase`.

[//]: # (dependabot-automerge-start)
[//]: # (dependabot-automerge-end)

---

<details>
<summary>Dependabot commands and options</summary>
<br />

You can trigger Dependabot actions by commenting on this PR:
- `@dependabot rebase` will rebase this PR
- `@dependabot recreate` will recreate this PR, overwriting any edits that have been made to it
- `@dependabot merge` will merge this PR after your CI passes on it
- `@dependabot squash and merge` will squash and merge this PR after your CI passes on it
- `@dependabot cancel merge` will cancel a previously requested merge and block automerging
- `@dependabot reopen` will reopen this PR if it is closed
- `@dependabot close` will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
- `@dependabot ignore this major version` will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
- `@dependabot ignore this minor version` will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
- `@dependabot ignore this dependency` will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)


</details>


Patch:
diff --git a/package-lock.json b/package-lock.json
index 3ea445f..314e44f 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1743,15 +1743,15 @@
       }
     },
     "node_modules/@eslint/eslintrc": {
-      "version": "1.3.3",
-      "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-1.3.3.tgz",
-      "integrity": "sha512-uj3pT6Mg+3t39fvLrj8iuCIJ38zKO9FpGtJ4BBJebJhEwjoT+KLVNCcHT5QC9NGRIEi7fZ0ZR8YRb884auB4Lg==",
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-1.4.1.tgz",
+      "integrity": "sha512-XXrH9Uarn0stsyldqDYq8r++mROmWRI1xKMXa640Bb//SY1+ECYX6VzT6Lcx5frD0V30XieqJ0oX9I2Xj5aoMA==",
       "dev": true,
       "dependencies": {
         "ajv": "^6.12.4",
         "debug": "^4.3.2",
         "espree": "^9.4.0",
-        "globals": "^13.15.0",
+        "globals": "^13.19.0",
         "ignore": "^5.2.0",
         "import-fresh": "^3.2.1",
         "js-yaml": "^4.1.0",
@@ -1772,9 +1772,9 @@
       "dev": true
     },
     "node_modules/@eslint/eslintrc/node_modules/globals": {
-      "version": "13.17.0",
-      "resolved": "https://registry.npmjs.org/globals/-/globals-13.17.0.tgz",
-      "integrity": "sha512-1C+6nQRb1GwGMKm2dH/E7enFAMxGTmGI7/dEdhy/DNelv85w9B72t3uc5frtMNXIbzrarJJ/lTCjcaZwbLJmyw==",
+      "version": "13.19.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-13.19.0.tgz",
+      "integrity": "sha512-dkQ957uSRWHw7CFXLUtUHQI3g3aWApYhfNR2O6jn/907riyTYKVBmxYVROkBcY614FSSeSJh7Xm7SrUWCxvJMQ==",
       "dev": true,
       "dependencies": {
         "type-fest": "^0.20.2"
@@ -1811,14 +1811,14 @@
       }
     },
     "node_modules/@humanwhocodes/config-array": {
-      "version": "0.11.6",
-      "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.6.tgz",
-      "integrity": "sha512-jJr+hPTJYKyDILJfhNSHsjiwXYf26Flsz8DvNndOsHs5pwSnpGUEy8yzF0JYhCEvTDdV2vuOK5tt8BVhwO5/hg==",
+      "version": "0.11.8",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.8.tgz",
+      "integrity": "sha512-UybHIJzJnR5Qc/MsD9Kr+RpO2h+/P1GhOwdiLPXK5TWk5sgTdu88bTD9UP+CKbPPh5Rni1u0GjAdYQLemG8g+g==",
       "dev": true,
       "dependencies": {
         "@humanwhocodes/object-schema": "^1.2.1",
         "debug": "^4.1.1",
-        "minimatch": "^3.0.4"
+        "minimatch": "^3.0.5"
       },
       "engines": {
         "node": ">=10.10.0"
@@ -4296,13 +4296,13 @@
       }
     },
     "node_modules/eslint": {
-      "version": "8.29.0",
-      "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.29.0.tgz",
-      "integrity": "sha512-isQ4EEiyUjZFbEKvEGJKKGBwXtvXX+zJbkVKCgTuB9t/+jUBcy8avhkEwWJecI15BkRkOYmvIM5ynbhRjEkoeg==",
+      "version": "8.31.0",
+      "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.31.0.tgz",
+      "integrity": "sha512-0tQQEVdmPZ1UtUKXjX7EMm9BlgJ08G90IhWh0PKDCb3ZLsgAOHI8fYSIzYVZej92zsgq+ft0FGsxhJ3xo2tbuA==",
       "dev": true,
       "dependencies": {
-        "@eslint/eslintrc": "^1.3.3",
-        "@humanwhocodes/config-array": "^0.11.6",
+        "@eslint/eslintrc": "^1.4.1",
+        "@humanwhocodes/config-array": "^0.11.8",
         "@humanwhocodes/module-importer": "^1.0.1",
         "@nodelib/fs.walk": "^1.2.8",
         "ajv": "^6.10.0",
@@ -4321,7 +4321,7 @@
         "file-entry-cache": "^6.0.1",
         "find-up": "^5.0.0",
         "glob-parent": "^6.0.2",
-        "globals": "^13.15.0",
+        "globals": "^13.19.0",
         "grapheme-splitter": "^1.0.4",
         "ignore": "^5.2.0",
         "import-fresh": "^3.0.0",
@@ -4511,9 +4511,9 @@
       }
     },
     "node_modules/eslint/node_modules/globals": {
-      "version": "13.16.0",
-      "resolved": "https://registry.npmjs.org/globals/-/globals-13.16.0.tgz",
-      "integrity": "sha512-A1lrQfpNF+McdPOnnFqY3kSN0AFTy485bTi1bkLk4mVPODIUEcSfhHgRqA+QdXPksrSTTztYXx37NFV+GpGk3Q==",
+      "version": "13.19.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-13.19.0.tgz",
+      "integrity": "sha512-dkQ957uSRWHw7CFXLUtUHQI3g3aWApYhfNR2O6jn/907riyTYKVBmxYVROkBcY614FSSeSJh7Xm7SrUWCxvJMQ==",
       "dev": true,
       "dependencies": {
         "type-fest": "^0.20.2"
@@ -4616,9 +4616,9 @@
       }
     },
     "node_modules/espree": {
-      "version": "9.4.0",
-      "resolved": "https://registry.npmjs.org/espree/-/espree-9.4.0.tgz",
-      "integrity": "sha512-DQmnRpLj7f6TgN/NYb0MTzJXL+vJF9h3pHy4JhCIs3zwcgez8xmGg3sXHcEO97BrmO2OSvCwMdfdlyl+E9KjOw==",
+      "version": "9.4.1",
+      "resolved": "https://registry.npmjs.org/espree/-/espree-9.4.1.tgz",
+      "integrity": "sha512-XwctdmTO6SIvCzd9810yyNzIrOrqNYV9Koizx4C/mRhf9uq0o4yHoCEU/670pOxOL/MSraektvSAji79kX90Vg==",
       "dev": true,
       "dependencies": {
         "acorn": "^8.8.0",
@@ -8848,9 +8848,9 @@
       "dev": true
     },
     "node_modules/json5": {
-      "version": "2.2.1",
-      "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.1.tgz",
-      "integrity": "sha512-1hqLFMSrGHRHxav9q9gNjJ5EXznIxGVO09xQRrwplcS8qs28pZ8s8hupZAmqDwZUmVZ2Qb2jnyPOWcDH8m8dlA==",
+      "version": "2.2.3",
+      "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz",
+      "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==",
       "dev": true,
       "bin": {
         "json5": "lib/cli.js"
@@ -10212,9 +10212,9 @@
       }
     },
     "node_modules/np": {
-      "version": "7.6.2",
-      "resolved": "https://registry.npmjs.org/np/-/np-7.6.2.tgz",
-      "integrity": "sha512-gExmKGKixh7ITc4Q+Lv7nfCby0CVKvzri9zN8970oKD8976T4L5dw8QWUtMcXcIjhFF6h5lbvztao/NurDbmxQ==",
+      "version": "7.6.3",
+      "resolved": "https://registry.npmjs.org/np/-/np-7.6.3.tgz",
+      "integrity": "sha512-GTFNvIhu/cZqzUhil/AlISCiipYeAUVx0JtyjtmumFJvWogSewUSAshFi5MSMc6BOj9C98s8NAFZiqlHb2wQPQ==",
       "dev": true,
       "dependencies": {
         "@samverschueren/stream-to-observable": "^0.3.1",
@@ -14169,15 +14169,15 @@
       "requires": {}
     },
     "@eslint/eslintrc": {
-      "version": "1.3.3",
-      "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-1.3.3.tgz",
-      "integrity": "sha512-uj3pT6Mg+3t39fvLrj8iuCIJ38zKO9FpGtJ4BBJebJhEwjoT+KLVNCcHT5QC9NGRIEi7fZ0ZR8YRb884auB4Lg==",
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-1.4.1.tgz",
+      "integrity": "sha512-XXrH9Uarn0stsyldqDYq8r++mROmWRI1xKMXa640Bb//SY1+ECYX6VzT6Lcx5frD0V30XieqJ0oX9I2Xj5aoMA==",
       "dev": true,
       "requires": {
         "ajv": "^6.12.4",
         "debug": "^4.3.2",
         "espree": "^9.4.0",
-        "globals": "^13.15.0",
+        "globals": "^13.19.0",
         "ignore": "^5.2.0",
         "import-fresh": "^3.2.1",
         "js-yaml": "^4.1.0",
@@ -14192,9 +14192,9 @@
           "dev": true
         },
         "globals": {
-          "version": "13.17.0",
-          "resolved": "https://registry.npmjs.org/globals/-/globals-13.17.0.tgz",
-          "integrity": "sha512-1C+6nQRb1GwGMKm2dH/E7enFAMxGTmGI7/dEdhy/DNelv85w9B72t3uc5frtMNXIbzrarJJ/lTCjcaZwbLJmyw==",
+          "version": "13.19.0",
+          "resolved": "https://registry.npmjs.org/globals/-/globals-13.19.0.tgz",
+          "integrity": "sha512-dkQ957uSRWHw7CFXLUtUHQI3g3aWApYhfNR2O6jn/907riyTYKVBmxYVROkBcY614FSSeSJh7Xm7SrUWCxvJMQ==",
           "dev": true,
           "requires": {
             "type-fest": "^0.20.2"
@@ -14218,14 +14218,14 @@
       }
     },
     "@humanwhocodes/config-array": {
-      "version": "0.11.6",
-      "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.6.tgz",
-      "integrity": "sha512-jJr+hPTJYKyDILJfhNSHsjiwXYf26Flsz8DvNndOsHs5pwSnpGUEy8yzF0JYhCEvTDdV2vuOK5tt8BVhwO5/hg==",
+      "version": "0.11.8",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.8.tgz",
+      "integrity": "sha512-UybHIJzJnR5Qc/MsD9Kr+RpO2h+/P1GhOwdiLPXK5TWk5sgTdu88bTD9UP+CKbPPh5Rni1u0GjAdYQLemG8g+g==",
       "dev": true,
       "requires": {
         "@humanwhocodes/object-schema": "^1.2.1",
         "debug": "^4.1.1",
-        "minimatch": "^3.0.4"
+        "minimatch": "^3.0.5"
       }
     },
     "@humanwhocodes/module-importer": {
@@ -16108,13 +16108,13 @@
       "dev": true
     },
     "eslint": {
-      "version": "8.29.0",
-      "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.29.0.tgz",
-      "integrity": "sha512-isQ4EEiyUjZFbEKvEGJKKGBwXtvXX+zJbkVKCgTuB9t/+jUBcy8avhkEwWJecI15BkRkOYmvIM5ynbhRjEkoeg==",
+      "version": "8.31.0",
+      "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.31.0.tgz",
+      "integrity": "sha512-0tQQEVdmPZ1UtUKXjX7EMm9BlgJ08G90IhWh0PKDCb3ZLsgAOHI8fYSIzYVZej92zsgq+ft0FGsxhJ3xo2tbuA==",
       "dev": true,
       "requires": {
-        "@eslint/eslintrc": "^1.3.3",
-        "@humanwhocodes/config-array": "^0.11.6",
+        "@eslint/eslintrc": "^1.4.1",
+        "@humanwhocodes/config-array": "^0.11.8",
         "@humanwhocodes/module-importer": "^1.0.1",
         "@nodelib/fs.walk": "^1.2.8",
         "ajv": "^6.10.0",
@@ -16133,7 +16133,7 @@
         "file-entry-cache": "^6.0.1",
         "find-up": "^5.0.0",
         "glob-parent": "^6.0.2",
-        "globals": "^13.15.0",
+        "globals": "^13.19.0",
         "grapheme-splitter": "^1.0.4",
         "ignore": "^5.2.0",
         "import-fresh": "^3.0.0",
@@ -16220,9 +16220,9 @@
           }
         },
         "globals": {
-          "version": "13.16.0",
-          "resolved": "https://registry.npmjs.org/globals/-/globals-13.16.0.tgz",
-          "integrity": "sha512-A1lrQfpNF+McdPOnnFqY3kSN0AFTy485bTi1bkLk4mVPODIUEcSfhHgRqA+QdXPksrSTTztYXx37NFV+GpGk3Q==",
+          "version": "13.19.0",
+          "resolved": "https://registry.npmjs.org/globals/-/globals-13.19.0.tgz",
+          "integrity": "sha512-dkQ957uSRWHw7CFXLUtUHQI3g3aWApYhfNR2O6jn/907riyTYKVBmxYVROkBcY614FSSeSJh7Xm7SrUWCxvJMQ==",
           "dev": true,
           "requires": {
             "type-fest": "^0.20.2"
@@ -16330,9 +16330,9 @@
       "dev": true
     },
     "espree": {
-      "version": "9.4.0",
-      "resolved": "https://registry.npmjs.org/espree/-/espree-9.4.0.tgz",
-      "integrity": "sha512-DQmnRpLj7f6TgN/NYb0MTzJXL+vJF9h3pHy4JhCIs3zwcgez8xmGg3sXHcEO97BrmO2OSvCwMdfdlyl+E9KjOw==",
+      "version": "9.4.1",
+      "resolved": "https://registry.npmjs.org/espree/-/espree-9.4.1.tgz",
+      "integrity": "sha512-XwctdmTO6SIvCzd9810yyNzIrOrqNYV9Koizx4C/mRhf9uq0o4yHoCEU/670pOxOL/MSraektvSAji79kX90Vg==",
       "dev": true,
       "requires": {
         "acorn": "^8.8.0",
@@ -19502,9 +19502,9 @@
       "dev": true
     },
     "json5": {
-      "version": "2.2.1",
-      "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.1.tgz",
-      "integrity": "sha512-1hqLFMSrGHRHxav9q9gNjJ5EXznIxGVO09xQRrwplcS8qs28pZ8s8hupZAmqDwZUmVZ2Qb2jnyPOWcDH8m8dlA==",
+      "version": "2.2.3",
+      "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz",
+      "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==",
       "dev": true
     },
     "keyv": {
@@ -20511,9 +20511,9 @@
       "dev": true
     },
     "np": {
-      "version": "7.6.2",
-      "resolved": "https://registry.npmjs.org/np/-/np-7.6.2.tgz",
-      "integrity": "sha512-gExmKGKixh7ITc4Q+Lv7nfCby0CVKvzri9zN8970oKD8976T4L5dw8QWUtMcXcIjhFF6h5lbvztao/NurDbmxQ==",
+      "version": "7.6.3",
+      "resolved": "https://registry.npmjs.org/np/-/np-7.6.3.tgz",
+      "integrity": "sha512-GTFNvIhu/cZqzUhil/AlISCiipYeAUVx0JtyjtmumFJvWogSewUSAshFi5MSMc6BOj9C98s8NAFZiqlHb2wQPQ==",
       "dev": true,
       "requires": {
         "@samverschueren/stream-to-observable": "^0.3.1",
diff --git a/src/rules/media-feature-value-dollar-variable/index.js b/src/rules/media-feature-value-dollar-variable/index.js
index 7aeff6f..40354fb 100644
--- a/src/rules/media-feature-value-dollar-variable/index.js
+++ b/src/rules/media-feature-value-dollar-variable/index.js
@@ -41,9 +41,9 @@ export default function rule(expectation, options) {
     // and parse it again afterwards to remove trailing junk
     const valueRegexGlobal = new RegExp(valueRegex.source, "g");
     // `$var-name_sth`
-    const variableRegex = /^\$[\w-]+$/;
+    const variableRegex = /^(\w+\.)?\$[\w-]+$/;
     // `#{$var-name_sth}`
-    const interpolationVarRegex = /^#{\s*\$\w+\s*}$/;
+    const interpolationVarRegex = /^#{\s*(\w+\.)?\$\w+\s*}$/;
     // `none`, `dark`
     const keywordValueRegex = /^[a-z][a-z\d-]*$/;
 


Test patch:
diff --git a/src/rules/media-feature-value-dollar-variable/__tests__/index.js b/src/rules/media-feature-value-dollar-variable/__tests__/index.js
index 4a76585..0deabc3 100644
--- a/src/rules/media-feature-value-dollar-variable/__tests__/index.js
+++ b/src/rules/media-feature-value-dollar-variable/__tests__/index.js
@@ -57,6 +57,47 @@ testRule({
     `,
       description:
         "Always. Example: value is interpolation of a single var; spaces before and after the interpolation."
+    },
+    {
+      code: `
+      @use "./variables";
+
+      @media (max-width: variables.$val) { 
+        a { color: red; } 
+      }
+      `,
+      description: "Always. Example: using @use."
+    },
+    {
+      code: `
+      @use "./variables" as v;
+
+      @media (max-width: v.$val) { 
+        a { color: red; } 
+      }
+      `,
+      description: "Always. Example: using @use with 'as'."
+    },
+    {
+      code: `
+      @use "./variables";
+
+      @media (max-width: #{variables.$val}) { 
+        a { color: red; } 
+      }
+      `,
+      description: "Always. Example: using @use with interpolation."
+    },
+    {
+      code: `
+      @use "./variables";
+
+      @media (max-width: #{ variables.$val }) { 
+        a { color: red; } 
+      }
+      `,
+      description:
+        "Always. Example: using @use with interpolation of a single var spaces inside the interpolation."
     }
   ],