Css 正确编译字体大小较小的文件

我正在尝试修改较少的WordPress主题（可在上获得），这样做涉及修改和重新编译使用较少dev/style.Less的内置样式表

但是我无法正确编译这个主题中较少的样式表。当我使用lessc dev/style.less时，我会得到一个输出，其中所有字体大小都被弄乱了。以下是所提供的编译样式表与我能够生成的样式表之间的一些差异：

538,539c521,522
<   font-size: 38px;
<   font-size: 3.8rem;
---
>   font-size: 38pxpx;
>   font-size: 3.8pxrem;
573,574c556,557
<   font-size: 10px;
<   font-size: 1rem;
---
>   font-size: 10pxpx;
>   font-size: 1pxrem;

我真的没有经验，所以我认为这只是我不知道如何设置我的环境

我尝试过通过Ruby或NodeJS运行多个版本的LESC。通过谷歌搜索这期杂志，我所能找到的只是一种常用的字体大小混合，它不会出现在这个小文件中；有什么方法可以在我的电脑上安装这个mixin吗？

这些奇怪的字体大小单位是一种古老的、现在反模式的单位字符串连接方法的结果：

显然，当您调用.font size时，参数已经有了它的单位，例如.font-size10px；它的结果是字体大小：10px；。好的，它和原始代码一起工作，因为混合使用的是无单位的。无论哪种方式：

解决方案：添加、删除或更改值单位的正确方法是函数，即更改为：

font-size: ~"@{px-value}px"; 
font-size: ~"@{rem-value}rem";

font-size: unit(@px-value, px); 
font-size: unit(@rem-value, rem);