html - 我们可以连接 CSS 变量吗

Question

我正在尝试直接从Figma 插件中获取样式并将它们从样式字典转换为 CSS 变量。

转换后，我得到下面生成的变量

:root {
      --token-color-text: #ffffff;
      --token-border-radius: 4;
       }

我需要的是4px，但我得到了4（我无法控制）。

现在我想将其--token-border-radius作为 CSS 属性应用

.my-style{
      color: var(--token-color-text);
      border-radius: var(--token-border-radius); /* Want to make it 4px*/
          }

尝试连接，+但没有成功。

(var(--token-border-radius))+px;

有没有办法连接多个 CSS 变量或者只是用一个字符串连接它（px在这种情况下）。