chore(deps-dev): bump sass from 1.76.0 to 1.80.5 (#1069)

Bumps [sass](https://github.com/sass/dart-sass) from 1.76.0 to 1.80.5.
<details>
<summary>Release notes</summary>
<p><em>Sourced from <a
href="https://github.com/sass/dart-sass/releases">sass's
releases</a>.</em></p>
<blockquote>
<h2>Dart Sass 1.80.5</h2>
<p>To install Sass 1.80.5, download one of the packages below and <a
href="https://katiek2.github.io/path-doc/">add it to your PATH</a>, or
see <a href="https://sass-lang.com/install">the Sass website</a> for
full installation instructions.</p>
<h1>Changes</h1>
<h3>Embedded Host</h3>
<ul>
<li>Don't produce phantom <code>@import</code> deprecations when using
an importer with the legacy API.</li>
</ul>
<p>See the <a
href="https://github.com/sass/dart-sass/blob/master/CHANGELOG.md#1805">full
changelog</a> for changes in earlier releases.</p>
<h2>Dart Sass 1.80.4</h2>
<p>To install Sass 1.80.4, download one of the packages below and <a
href="https://katiek2.github.io/path-doc/">add it to your PATH</a>, or
see <a href="https://sass-lang.com/install">the Sass website</a> for
full installation instructions.</p>
<h1>Changes</h1>
<ul>
<li>No user-visible changes.</li>
</ul>
<p>See the <a
href="https://github.com/sass/dart-sass/blob/master/CHANGELOG.md#1804">full
changelog</a> for changes in earlier releases.</p>
<h2>Dart Sass 1.80.3</h2>
<p>To install Sass 1.80.3, download one of the packages below and <a
href="https://katiek2.github.io/path-doc/">add it to your PATH</a>, or
see <a href="https://sass-lang.com/install">the Sass website</a> for
full installation instructions.</p>
<h1>Changes</h1>
<ul>
<li>
<p>Fix a bug where <code>@import url(&quot;...&quot;)</code> would crash
in plain CSS files.</p>
</li>
<li>
<p>Improve consistency of how warnings are emitted by different parts of
the compiler. This should result in minimal user-visible changes, but
different types of warnings should now respond more reliably to flags
like <code>--quiet</code>, <code>--verbose</code>, and
<code>--silence-deprecation</code>.</p>
</li>
</ul>
<p>See the <a
href="https://github.com/sass/dart-sass/blob/master/CHANGELOG.md#1803">full
changelog</a> for changes in earlier releases.</p>
<h2>Dart Sass 1.80.2</h2>
<p>To install Sass 1.80.2, download one of the packages below and <a
href="https://katiek2.github.io/path-doc/">add it to your PATH</a>, or
see <a href="https://sass-lang.com/install">the Sass website</a> for
full installation instructions.</p>
<h1>Changes</h1>
<ul>
<li>Fix a bug where deprecation warnings were incorrectly emitted for
the plain-CSS <code>invert()</code> function.</li>
</ul>
<!-- raw HTML omitted -->
</blockquote>
<p>... (truncated)</p>
</details>
<details>
<summary>Changelog</summary>
<p><em>Sourced from <a
href="https://github.com/sass/dart-sass/blob/main/CHANGELOG.md">sass's
changelog</a>.</em></p>
<blockquote>
<h2>1.80.5</h2>
<h3>Embedded Host</h3>
<ul>
<li>Don't produce phantom <code>@import</code> deprecations when using
an importer with the
legacy API.</li>
</ul>
<h2>1.80.4</h2>
<ul>
<li>No user-visible changes.</li>
</ul>
<h2>1.80.3</h2>
<ul>
<li>
<p>Fix a bug where <code>@import url(&quot;...&quot;)</code> would crash
in plain CSS files.</p>
</li>
<li>
<p>Improve consistency of how warnings are emitted by different parts of
the
compiler. This should result in minimal user-visible changes, but
different
types of warnings should now respond more reliably to flags like
<code>--quiet</code>,
<code>--verbose</code>, and <code>--silence-deprecation</code>.</p>
</li>
</ul>
<h2>1.80.2</h2>
<ul>
<li>Fix a bug where deprecation warnings were incorrectly emitted for
the
plain-CSS <code>invert()</code> function.</li>
</ul>
<h2>1.80.1</h2>
<ul>
<li>Fix a bug where repeated deprecation warnings were not automatically
limited.</li>
</ul>
<h2>1.80.0</h2>
<ul>
<li><code>@import</code> is now officially deprecated, as are global
built-in functions that
are available within built-in modules. See <a
href="https://sass-lang.com/blog/import-is-deprecated/">the Sass blog
post</a> for more
details on the deprecation process.</li>
</ul>
<h3>Embedded Host</h3>
<ul>
<li>Fix an error that would sometimes occur when deprecation warnings
were
emitted when using a custom importer with the legacy API.</li>
</ul>
<h2>1.79.6</h2>
<ul>
<li>
<p>Fix a bug where Sass would add an extra <code>*/</code> after loud
comments with
whitespace after an explicit <code>*/</code> in the indented syntax.</p>
</li>
<li>
<p><strong>Potentially breaking bug fix:</strong> Adding text after an
explicit <code>*/</code> in the
indented syntax is now an error, rather than silently generating invalid
CSS.</p>
</li>
</ul>
<!-- raw HTML omitted -->
</blockquote>
<p>... (truncated)</p>
</details>
<details>
<summary>Commits</summary>
<ul>
<li><a
href="https://github.com/sass/dart-sass/commit/d14ea754e96861c9d7cb7f2b4bc75a40364eaf31"><code>d14ea75</code></a>
Cut a release for <a
href="https://redirect.github.com/sass/embedded-host-node/issues/342">sass/embedded-host-node#342</a>
(<a
href="https://redirect.github.com/sass/dart-sass/issues/2407">#2407</a>)</li>
<li><a
href="https://github.com/sass/dart-sass/commit/7129352416784039902fbea8848c5b54f957e05b"><code>7129352</code></a>
Fix dart analyze warnings (<a
href="https://redirect.github.com/sass/dart-sass/issues/2412">#2412</a>)</li>
<li><a
href="https://github.com/sass/dart-sass/commit/5c63839328b19782bc9a434a77f6028561906b96"><code>5c63839</code></a>
Bump the sass_api dependency along with package versions (<a
href="https://redirect.github.com/sass/dart-sass/issues/2408">#2408</a>)</li>
<li><a
href="https://github.com/sass/dart-sass/commit/477b596e0527f004205dbbdf6b6433c2907799ce"><code>477b596</code></a>
Merge pull request <a
href="https://redirect.github.com/sass/dart-sass/issues/2403">#2403</a>
from sass/parser-variable</li>
<li><a
href="https://github.com/sass/dart-sass/commit/fd5cff0e7908d73d48de6a8484dde888079cbb44"><code>fd5cff0</code></a>
Add sass-parser support for the <code>@warn</code> rule</li>
<li><a
href="https://github.com/sass/dart-sass/commit/251c75714331728b1336d72710c490068de2bfef"><code>251c757</code></a>
Add sass-parser support for variable declarations</li>
<li><a
href="https://github.com/sass/dart-sass/commit/20397efa740929f95f3e18db996af84b81a0fd6f"><code>20397ef</code></a>
Add grinder tasks to bump package versions (<a
href="https://redirect.github.com/sass/dart-sass/issues/2405">#2405</a>)</li>
<li><a
href="https://github.com/sass/dart-sass/commit/c907bcb57281b51efbd7b0957ac8a4d0bead8818"><code>c907bcb</code></a>
Expose Expression.isCalculationSafe to sass_api (<a
href="https://redirect.github.com/sass/dart-sass/issues/2404">#2404</a>)</li>
<li><a
href="https://github.com/sass/dart-sass/commit/37a05f97f3ee3cec8156e5a87076c0526477bdff"><code>37a05f9</code></a>
Enable AOT build for android-riscv64 (<a
href="https://redirect.github.com/sass/dart-sass/issues/2399">#2399</a>)</li>
<li><a
href="https://github.com/sass/dart-sass/commit/473ddf9100cce7b96d3ef01b8e060f8d4517a37e"><code>473ddf9</code></a>
Add <code>sass-parser</code> support for the <code>@use</code> rule (<a
href="https://redirect.github.com/sass/dart-sass/issues/2389">#2389</a>)</li>
<li>Additional commits viewable in <a
href="https://github.com/sass/dart-sass/compare/1.76.0...1.80.5">compare
view</a></li>
</ul>
</details>
<br />


[![Dependabot compatibility
score](https://dependabot-badges.githubapp.com/badges/compatibility_score?dependency-name=sass&package-manager=npm_and_yarn&previous-version=1.76.0&new-version=1.80.5)](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 show <dependency name> ignore conditions` will show all
of the ignore conditions of the specified dependency
- `@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>

---------

Signed-off-by: dependabot[bot] <[email protected]>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: Justin Reynolds <[email protected]>
Co-authored-by: Ashray Chowdhry <[email protected]>

package.json

@@ -95,7 +95,7 @@
     "react-error-overlay": "6.0.11",
     "react-test-renderer": "^17.0.2",
     "redux-mock-store": "^1.5.1",
-    "sass": "^1.76.0",
+    "sass": "^1.80.5",
     "source-map-explorer": "^2.5.3",
     "stylelint": "^15.11.0",
     "stylelint-config-idiomatic-order": "^10.0.0",

src/containers/Accounts/AccountHeader/BalanceSelector/balance-selector.scss

@@ -1,4 +1,4 @@
-@import 'src/containers/shared/css/variables';
+@use 'src/containers/shared/css/variables' as *;
 
 .balance-selector {
   position: relative;

src/containers/Accounts/AccountHeader/styles.scss

@@ -1,4 +1,4 @@
-@import '../../shared/css/variables';
+@use '../../shared/css/variables' as *;
 
 .account-header {
   margin-bottom: 16px;

src/containers/Accounts/styles.scss

@@ -1,4 +1,4 @@
-@import '../shared/css/variables';
+@use '../shared/css/variables';
 
 .accounts-page {
   .loader {

src/containers/Amendment/amendment.scss

@@ -1,5 +1,5 @@
-@import '../shared/css/variables';
-@import '../shared/css/table';
+@use '../shared/css/variables' as *;
+@use '../shared/css/table';
 
 .amendment-summary {
   width: 80%;

src/containers/Amendments/amendmentsTable.scss

@@ -1,5 +1,5 @@
-@import '../shared/css/variables';
-@import '../shared/css/table';
+@use '../shared/css/variables' as *;
+@use '../shared/css/table';
 
 .amendments-page{
   .summary {

src/containers/App/app.scss

@@ -1,4 +1,4 @@
-@import '../shared/css/variables';
+@use '../shared/css/variables' as *;
 
 .app {
   flex-grow: 1;

src/containers/CustomNetworkHome/index.scss

@@ -1,4 +1,4 @@
-@import '../shared/css/variables';
+@use '../shared/css/variables' as *;
 
 .app {
   position: relative;

src/containers/Footer/footer.scss

@@ -1,4 +1,4 @@
-@import '../shared/css/variables';
+@use '../shared/css/variables' as *;
 
 .footer {
   position: relative;

src/containers/Header/LanguagePicker/LanguagePicker.scss

@@ -1,4 +1,4 @@
-@import '../../shared/css/variables';
+@use '../../shared/css/variables' as *;
 
 .language-picker {
   margin-left: auto;

src/containers/Header/NavigationMenu/NavigationMenu.scss

@@ -1,6 +1,6 @@
 @use 'sass:math';
 
-@import '../../shared/css/variables';
+@use '../../shared/css/variables' as *;
 
 $menu-toggle-size: 25px;
 $menu-toggle-line-spacing: math.div($menu-toggle-size, 4);

src/containers/Header/NetworkPicker/NetworkPicker.scss

@@ -1,4 +1,4 @@
-@import '../../shared/css/variables';
+@use '../../shared/css/variables' as *;
 
 @mixin dropdown-network-item(
   $background,

src/containers/Header/header.scss

@@ -1,4 +1,4 @@
-@import '../shared/css/variables';
+@use '../shared/css/variables' as *;
 
 /* Header */
 .header {

src/containers/Header/search.scss

@@ -1,4 +1,4 @@
-@import '../shared/css/variables';
+@use '../shared/css/variables' as *;
 
 .search-container {
   position: relative;

src/containers/Ledger/ledger.scss

@@ -1,4 +1,4 @@
-@import '../shared/css/variables';
+@use '../shared/css/variables' as *;
 
 .ledger-page {
   margin: 0 auto;

src/containers/Ledgers/css/ledgerMetrics.scss

@@ -1,4 +1,4 @@
-@import '../../shared/css/variables';
+@use '../../shared/css/variables' as *;
 
 .metrics {
   overflow: hidden;

src/containers/Ledgers/css/ledgers.scss

@@ -1,4 +1,4 @@
-@import '../../shared/css/variables';
+@use '../../shared/css/variables' as *;
 
 $ledgers-margin-large: 32px;
 $ledgers-border: 1px solid $black-70;

src/containers/Ledgers/css/legend.scss

@@ -1,4 +1,4 @@
-@import '../../shared/css/variables';
+@use '../../shared/css/variables' as *;
 
 .legend {
   display: flex;

src/containers/MPT/MPTHeader/styles.scss

@@ -1,5 +1,5 @@
-@import '../../shared/css/variables';
-@import '../../shared/css/table';
+@use '../../shared/css/variables' as *;
+@use '../../shared/css/table';
 
 .mpt-header-container {
   .mpt-bottom-container {

src/containers/MPT/styles.scss

@@ -1,4 +1,4 @@
-@import '../shared/css/variables';
+@use '../shared/css/variables';
 
 .mpt-page {
   width: 100%;

src/containers/NFT/NFTHeader/styles.scss

@@ -1,5 +1,5 @@
-@import '../../shared/css/variables';
-@import '../../shared/css/table';
+@use '../../shared/css/variables' as *;
+@use '../../shared/css/table';
 
 .nft-header-container {
   .nft-bottom-container {

src/containers/NFT/NFTTabs/styles.scss

@@ -1,5 +1,5 @@
-@import '../../shared/css/variables';
-@import '../../shared/css/table';
+@use '../../shared/css/variables' as *;
+@use '../../shared/css/table';
 
 .nft-tabs {
   margin-top: 60px;

src/containers/NFT/styles.scss

@@ -1,4 +1,4 @@
-@import '../shared/css/variables';
+@use '../shared/css/variables' as *;
 
 .nft-page {
   width: 100%;

src/containers/Network/css/barchart.scss

@@ -1,4 +1,4 @@
-@import '../../shared/css/variables';
+@use '../../shared/css/variables' as *;
 
 .y-label {
   fill: $black-40;

src/containers/Network/css/hexagons.scss

@@ -1,4 +1,4 @@
-@import '../../shared/css/variables';
+@use '../../shared/css/variables' as *;
 
 .validators-container {
   .validators {

src/containers/Network/css/map.scss

@@ -1,4 +1,4 @@
-@import '../../shared/css/variables';
+@use '../../shared/css/variables' as *;
 
 .nodes-map {
   position: relative;

src/containers/Network/css/nodesTable.scss

@@ -1,5 +1,5 @@
-@import '../../shared/css/variables';
-@import '../../shared/css/table';
+@use '../../shared/css/variables' as *;
+@use '../../shared/css/table';
 
 .nodes-table {
   position: relative;

src/containers/Network/css/style.scss

@@ -1,4 +1,4 @@
-@import '../../shared/css/variables';
+@use '../../shared/css/variables' as *;
 
 .network-page {
   // Needs additional bottom margin to break up table from the horizontal

src/containers/Network/css/validatorsTable.scss

@@ -1,4 +1,4 @@
-@import '../../shared/css/variables';
+@use '../../shared/css/variables' as *;
 
 .validators-table {
   position: relative;

src/containers/NoMatch/nomatch.scss

@@ -1,4 +1,4 @@
-@import '../shared/css/variables';
+@use '../shared/css/variables' as *;
 
 .no-match {
   margin: 10% auto;

src/containers/PayStrings/PayStringHeader/styles.scss

@@ -1,4 +1,4 @@
-@import '../../shared/css/variables';
+@use '../../shared/css/variables' as *;
 
 .paystring-header {
   margin-bottom: 16px;

src/containers/PayStrings/PayStringMappingsTable/styles.scss

@@ -1,4 +1,4 @@
-@import '../../shared/css/variables';
+@use '../../shared/css/variables' as *;
 
 .paystring-table {
   .col-network,

src/containers/PayStrings/styles.scss

@@ -1,4 +1,4 @@
-@import '../shared/css/variables';
+@use '../shared/css/variables' as *;
 
 .paystring-page {
   width: 100%;

src/containers/Token/DEXPairs/styles.scss

@@ -1,4 +1,4 @@
-@import '../../shared/css/variables';
+@use '../../shared/css/variables' as *;
 
 .dex-pairs-container {
   padding: 64px 0 100px;

src/containers/Token/TokenHeader/styles.scss

@@ -1,5 +1,5 @@
-@import '../../shared/css/variables';
-@import '../../shared/css/table';
+@use '../../shared/css/variables' as *;
+@use '../../shared/css/table';
 
 .header-container {
   .bottom-container {

src/containers/Token/styles.scss

@@ -1,4 +1,4 @@
-@import '../shared/css/variables';
+@use '../shared/css/variables';
 
 .token-page {
   width: 100%;

src/containers/Transactions/DetailTab/detailTab.scss

@@ -1,4 +1,4 @@
-@import '../../shared/css/variables';
+@use '../../shared/css/variables' as *;
 
 .detail-body {
   margin-top: 20px;

src/containers/Transactions/simpleTab.scss

@@ -1,4 +1,4 @@
-@import '../shared/css/variables';
+@use '../shared/css/variables' as *;
 
 $subdued-color: $black-40;
 

src/containers/Transactions/transaction.scss

@@ -1,4 +1,4 @@
-@import '../shared/css/variables';
+@use '../shared/css/variables' as *;
 
 .transaction {
   position: relative;

src/containers/Validators/historyTab.scss

@@ -1,4 +1,4 @@
-@import '../shared/css/variables';
+@use '../shared/css/variables' as *;
 
 .history-table {
   // Col overall styling

src/containers/Validators/simpleTab.scss

@@ -1,4 +1,4 @@
-@import '../shared/css/variables';
+@use '../shared/css/variables' as *;
 
 .simple-body-validator {
   .row {

src/containers/Validators/validator.scss

@@ -1,4 +1,4 @@
-@import '../shared/css/variables';
+@use '../shared/css/variables' as *;
 
 .validator {
   position: relative;

src/containers/Validators/votingTab.scss

@@ -1,4 +1,4 @@
-@import '../shared/css/variables';
+@use '../shared/css/variables' as *;
 
 .voting {
   margin-left: 24px;

src/containers/shared/components/Dropdown/dropdown.scss

@@ -1,4 +1,4 @@
-@import '../../css/variables';
+@use '../../css/variables' as *;
 
 .dropdown {
   position: relative;

src/containers/shared/components/JsonView/json-view.scss

@@ -1,4 +1,4 @@
-@import '../../css/variables';
+@use '../../css/variables' as *;
 @import 'react18-json-view/src/style.css';
 
 .json-view {

src/containers/shared/components/Notification/styles.scss

@@ -1,4 +1,4 @@
-@import '../../css/variables';
+@use '../../css/variables' as *;
 
 .notification {
   border: 1px solid;

src/containers/shared/components/TransactionTable/styles.scss

@@ -1,5 +1,5 @@
 @use 'sass:color';
-@import '../../../shared/css/variables';
+@use '../../../shared/css/variables' as *;
 
 .transaction-table {
   width: 100%;

src/containers/shared/css/box.scss

@@ -1,4 +1,4 @@
-@import './variables';
+@use 'variables' as *;
 
 .box {
   border-radius: 4px;

src/containers/shared/css/form.scss

@@ -1,4 +1,4 @@
-@import './variables';
+@use 'variables' as *;
 
 label {
   color: $black-40;

src/containers/shared/css/global.scss

@@ -1,7 +1,7 @@
 // ONLY GLOBAL CSS, KEEP IT TO MINIMAL
 // CSS SHOULD BE SCOPPED TO COMPONENT
-@import './variables';
-@import './form';
+@use 'variables' as *;
+@use 'form';
 
 /**
  * `current_symbols` is used for currency codes missing from other fonts, currently `u+e900` (XRP) and `u+e901` (BTC).

src/containers/shared/css/simpleTab.scss

@@ -1,4 +1,4 @@
-@import './variables';
+@use 'variables' as *;
 
 $index-width: 324px;
 

src/containers/shared/css/table.scss

@@ -1,4 +1,4 @@
-@import './variables';
+@use 'variables' as *;
 
 table.basic {
   overflow: hidden;

src/containers/shared/css/tabs.scss

@@ -1,4 +1,4 @@
-@import './variables';
+@use 'variables' as *;
 
 .tabs {
   border-top: 1px solid $black-70;

src/containers/shared/css/tooltip.scss

@@ -1,4 +1,4 @@
-@import './variables';
+@use 'variables' as *;
 
 .tooltip {
   position: absolute;

src/containers/shared/css/txlabel.scss

@@ -1,4 +1,4 @@
-@import './variables';
+@use 'variables' as *;
 
 .tx-label {
   display: inline-flex;

src/containers/shared/css/txstatus.scss

@@ -1,4 +1,4 @@
-@import './variables';
+@use 'variables' as *;
 
 .tx-status {
   display: inline-flex;