function - 在地图上循环并使用值上的函数（SCSS）

Question

我有一个文本大小的地图，我想循环并在每个值上使用一个函数。

$textsizes: (
    '12'    : 12px,
    '14'    : 14px,
    '16'    : 16px,
);


@each $textSizeName, $textSizeUnit in $textsizes {
    .u-text-#{$textSizeName} {
        font-size: rem(#{$textSizeUnit});
    }
};

函数 rem 只是将像素值转换为 rem 值。该函数在循环外使用时按预期工作，但在内部没有任何反应，它只是返回 px 值。

我还尝试将函数放在 maps 值中，如下所示：

$textsizes: (
    '12'    : rem(12px),
    '14'    : rem(14px),
    '16'    : rem(16px),
);

然后只在循环中输出值，但这只会将值作为字符串返回，而不是函数的结果。

我在这里做错了什么，我该怎么做才能得到我想要的结果？

标签： functiondictionarysass