scss里的颜色函数有对应的js实现吗

Question

想要用css variables实现动态主题

现在发现UI库里会经常使用scss的颜色函数，比如lighten、darken之类的，那么我想知道如何用js实现对应的函数效果

比如有个scss是这样：

$red: #000;

$red-light-1: lighten($red, .1);

那么我改成css variables是这样：

:root {
    --red: #000;
    --red-light-1: ?
}

我要怎么样用js来实现scss里的lighten函数，从而达到修改完red后，能同时修改red-light-1的目的？（当然不只是lighten这一个函数，还有很多）