LESS CSS连接两个变量以匹配一个变量

Question

我使用LESS动态创建一系列类。我似乎无法将两个变量组合起来匹配我已定义的一个变量。

@import(for.less);

预定义的变量：

@letter-spacing--base: 0;
@letter-spacing--xs:   0.2px;

for循环遍历此数组：

@classSizes: base, xs;

创建类的循环：

.letter-spacing--{
    .for(@classSizes); .-each(@value) {

        @name: extract(@value, 1);

        @valPrefix: ~"letter-spacing--";
        @valSuffix: @value;

        &@{name}{
            letter-spacing: ~"@" @valPrefix @valSuffix;
        }
    }
}

目前输出：

.letter-spacing--base {
    letter-spacing: @ letter-spacing-- base;
}
.letter-spacing--xs {
    letter-spacing: @ letter-spacing-- xs;
}

它在变量之间输出空格，因此它与变量不匹配。有什么方法可以删除空格吗？或者也许有更好的方法来解决这个问题。

由于