scss-使用变量追加到另一个变量名

Question

所以我有下面的代码不起作用：

$array: list, sheet, display_list, map;
@each $name in $array {
    &.#{$name} {
        background-color: $theme-color-#{$name};
    }
}

它给了我错误：Undefined variable: "$theme-color-"

我想要得到的结果是这样：

&.list {
    background-color: $theme-color-list;
}
&.sheet {
    background-color: $theme-color-sheet;
}
&.display_list {
    background-color: $theme-color-display_list;
}
&.map {
    background-color: $theme-color-map;
}

我想念什么？