我将如何将CSS变量大量转换回其原始值？

Question

基本上，假设我有以下代码：

html {
  --pink: #ffe4f1;
  --yellow: #fff7d1;
  --green: #e4f9e0;
  --purple: #f2e6ff;
  --blue: #e2f1ff;
  --gray: #f3f2f1;
  --charcoal: #696969;
}

.pink { color: var(--pink); }
.yellow { color: var(--yellow); }
.green { color: var(--green); }
.purple { color: var(--purple); }
.blue { color: var(--blue); }
.gray { color: var(--gray); }
.charcoal { color: var(--charcoal); }

但是我真正想要的是：

.pink { color: #ffe4f1; }
.yellow { color: #fff7d1; }
.green { color: #e4f9e0; }
.purple { color: #f2e6ff; }
.blue { color: #e2f1ff; }
.gray { color: #f3f2f1; }
.charcoal { color: #696969; }

---

因此，我将如何更改所有变量（一次以上发生），而无需手动进行？我知道基本上是CSS降级的编译器，但是那里有类似的东西吗？如果没有，那么是否至少有一个项目在进行中？