PostCSS Downgrade Variables

PostCSS plugin for downgrade css variables.

:root {
  --primary-background: #fff;
  --green-color: #0f0;
}
.class {
  background: var(--primary-background);
  background-image: linear-gradient(to top, var(--green-color), var(--primary-background));
}

:root {
  --primary-background: #fff;
  --green-color: #0f0;
}
.class {
  background: #fff;
  background: var(--primary-background);
  background-image: linear-gradient(to top, #0f0, #fff);
  background-image: linear-gradient(to top, var(--green-color), var(--primary-background));
}

Usage

postcss([ require('postcss-downgrade-variables') ])

See PostCSS docs for examples for your environment.