Sass точечная нотация, дающая ошибку в миксине с использованием карты

---

у меня есть миксин с помощью список карт что проверять, если id есть общие и уникальные для CSS.
Когда бы я ни пытался @включать миксин с некоторыми идентификаторами он успешно компилируется, но когда я пытаюсь @включать это с классом это дает ошибку

Что я уже пробовал:

--------- Код Миксина ----------
@mixin bg-анимация ($defs) {

@if type-of ($defs) = = " карта" {
@если картой-есть-ключ($Def-ы, общие) {
$common: map-get($defs, common);
$defs: map-remove($defs, common);

#{map-keys ($defs)} {
@каждый $ключ, $значение в $common {
#{$ключевая ценность;
}
}
}
@each $className, $styles in $defs {
#{$имя класса} {
@каждый $ключ, $значение в $стилях {
#{$ключевая ценность;
}
}
}
}
}

--------- Дайте ошибку с этим кодом (хотите сделать это так же) ----------
$defs: (
#топ-БГ-анимация-0.активный: (),
#топ-БГ-анимация-1.активный: (),
#топ-БГ-анимация-2.активный: (),
общий: (цвет: синий ) );
@include bg-animations($defs);

--------- Успешно Скомпилировать ----------
$defs: (
#top-bg-animate-0#активный: (),
#top-bg-animate-1#активный: (),
#top-bg-animate-2#Активный: (),
общий: (цвет: синий ) );
@include bg-animations($defs);

---