unocss make variable

make-variable.ts

export const shades = [
  50,
  ...Array.from({ length: 9 }).map((_, i) => (i + 1) * 100),
  950,
];

export const makeVariable = ({ fallbackValue, name, shade, withVar }) => {
  const variable = `--${name}-${shade}`;
  const value = fallbackValue ? variable + ", " + fallbackValue : variable;
  return withVar ? `var(${value})` : variable;
};