«Invalid CSS after» after use map.get

[Psixodelik]

Hi.

I ran into a problem that node-sass does not want to process the following mixin:

@mixin colors($colors) {
  $tone: "light";

  @if $dark-theme {
    $tone: "dark";
  }

  @each $color-name, $color-value in $colors {
    .bg-#{$color-name} {
      background: #{map.get($color-value, $tone)};
    }
    .text-#{$color-name} {
      color: #{map.get($color-value, $tone)};
    }
  }
}

After starting, I get the following message:

Invalid CSS after "...ckground: #{map": expected expression (e.g. 1px, bold), was ".get($color-value, ".

How to fix this problem? The regular SASS compiler accepts this code without problems.

[saper]

can you give me example how are you using this mixin?

[saper]

(This might be sass/libsass#2309)

[mgreter]

The error is quite explicit IMO

Error: Invalid CSS after "...ckground: #{map": expected expression (e.g. 1px, bold), was ".get($color-value, "
        on line 10:24 of /stdin
>>       background: #{map.get($color-value, $tone)};
   -----------------------^

It's map-get, not map.get.

[pinoniq]

the sass-lang docs show map.get: https://sass-lang.com/documentation/values/maps

[Zardoz89]

I lost like a hour before I understand that the documentation it wrong... PLEASE FIX ASAP

[mikeaustin]

The documentation still seems to be wrong. https://sass-lang.com/documentation/modules/map
I'd be happy to update the docs, but I feel someone who has more experience with sass would be more appropriate.

[xzyfer]

Node sass does not support sass modules. For that capability you'll need to switch to dart-sass.

[emmaYugen]

Thank you for the information, up until then, I used node-sass for sass modules, and it worked, thought.
Since when doesn't it support it anymore ?