Sass 在每个循环的SCSS中使用颜色函数

我试图创建一个循环，该循环在三个值的映射下工作，并在输出中使用颜色函数，但我的代码在使用颜色函数后就无法编译

$socials:
    "facebook" "#2D88FF" "#FFF",
    "twitter" "#1EA1F1" "#FFF",
    "email" "#BDC6CC" "#424445",
    "copy" "#005269" "#FFF";

@each $name, $bg, $fg in $socials {
    .share__link--#{$name} {
        background-color: $bg;
        color: rgba($fg, .8);
        strong {
            color: $fg;
        }
        &:hover {
            background-color: darken($bg, 2%);
        }
    }
}

$socials:
    "facebook" #2D88FF #FFF,
    "twitter" #1EA1F1 #FFF,
    "email" #BDC6CC #424445,
    "copy" #005269 #FFF;

@each $name, $bg, $fg in $socials {
    .share__link--#{$name} {
        background-color: $bg;
        color: rgba($fg, .8);
        strong {
            color: $fg;
        }
        &:hover {
            background-color: darken($bg, 2%);
        }
    }
}

我的编译错误：

Dart Sass失败，出现以下错误：错误：$color:“#FFF”不是颜色

---

感谢您的帮助

回答我自己的问题：

我的开场白就是问题所在。将我的颜色包装在引号中是将它们视为字符串而不是颜色对象

工作代码：

---

回答我自己的问题:

我的开场白就是问题所在。将我的颜色包装在引号中是将它们视为字符串而不是颜色对象

工作代码：