Can't overwrite options.variables locally

[tyler-dot-earth]

Given something like:

        'custom-properties': {
          appendVariables: true,
          warnings: true,
          variables: { brand: 'blue' },
        },

I cannot do this in a css file:

:root {
  --brand: 'red';
}

div {
  color: var(--brand);
}

The div will still effectively be color: blue because variables are appended, not prepended (and dont work unless appended?)

Is this expected behavior? Is there ways around this that I'm not understanding?

---

FWIW here's how I'm getting around this right now:

1. disable custom-properties
2. use postcss-css-variables instead