Overriding a CSS variable with CSS modules and dashedIdents

[evertheylen]

Imagine I have a button component with (complex) hover states:

.button {
  --accent: red;
}

.button:hover {
  border: 1px solid var(--accent);
}

Now I want to create a variant of said button:

.other-button {
  composes: button from './button.module.css';
  --accent from './button.module.css': blue;
}

I can't write from '...' in the left hand side of that last line. How can I solve this?

(Right now, this and the other two issues I filed (#753, #763) present too much of a hurdle for me to use lightningcss)

[cameronbraid]

I just ran into this issue too. Are there plans to implement this ?