Webpack - 转换现代CSS功能

Question

为autoprefixer提供包含css-loader和postcss-loader的webpack配置。

现在一切正常但我希望能够使用CSS的现代功能：var（），calc（），repeat（）......

是否有一个加载器webpack允许我重写这些函数，以便能够在所有浏览器上使用它们？

输入：

:root {
 --X: 40px;
}

.body-test {
 transform: translateX(var(--X));
 padding: calc(var(--X) + 60px);
 margin: repeat(4, 20px);
}

输出：

.body-test {
 transform: translateX(40px);
 padding: 100px;
 margin: 20px 20px 20px 20px;
}

非常感谢你！