ericchernuka Test

const postcss = require("postcss"); const compress = require("postcss-variable-compress"); const css = ` :root { --ds-transition-property-base: opacity, transform, background-color, box-shadow, border-color, color; --ds-transition-duration-base: 200ms; --ds-transition-timing-function-base: cubic-bezier(0.4, 0, 0.2, 1); --ds-border-radius-base: 0.375rem; --ds-spacing-tight: 0.5rem; --ds-spacing-base: 1rem; --ds-font-size-sm: 0.85rem; --ds-font-weight-semi-bold: 600; --ds-line-height-sm: 1.25rem; } .Button { transition-property: var(--ds-transition-property-base); transition-duration: var(--ds-transition-duration-base); transition-timing-function: var(--ds-transition-timing-function-base); position: relative; outline: none; box-sizing: border-box; border: 1px solid transparent; border-radius: var(--ds-border-radius-base); cursor: pointer; display: inline-flex; align-items: center; padding: var(--ds-spacing-tight) var(--ds-spacing-base); text-align: center; font-size: var(--ds-font-size-sm); font-weight: var(--ds-font-weight-semi-bold); line-height: var(--ds-line-height-sm); } `; const result = await postcss([compress]).process(css) console.log(result.css);