Use variable only from last pseudo-element

[Zmoki]

Input

.bar {
  --color: pink;
  color: var(--color);
}

.bar:active {
  --color: blue;
}

.bar:hover {
  --color: red;
}

.bar:focus {
  --color: green;
}

Expected

.bar {
  color: pink;
}

.bar:active {
  color: blue;
}

.bar:hover {
  color: red;
}

.bar:focus {
  color: green;
}

Will be transformed to (Actual)

😞

.bar {
  color: pink;
}

.bar:focus {
  color: green;
}

.bar:hover {
  color: green;
}

.bar:active {
  color: green;
}

[MadLittleMods]

Thanks for the report 😀 PR welcome, don't forget to add tests

For future reference, please also include your expected (I have edited in what I assume you expect).

[MrBaptastic]

Any updates on this bug ?

[MadLittleMods]

Sorry, no updates @MrBaptastic

[joshgillies]

@MadLittleMods any idea what would be required to resolve this issue?