循环映射并使用值函数（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),
);

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

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