Is there a way to use css variable without inline style?

Question

My goal: To style a link, that comes from a sanitized text, with a css variable. Im using a vue framework and want to use a computed style(or similar) to style it. The color of the link comes from an api.

My issue: Since the text is sanitized, no inline style will come through. I can still access the link like this:

.sub-link-style >>> a {
  color: var(--color);
}

But I can't use the variable because I cannot add inline stlye.

My question: Is there a way to add a custom value(for example from vue) to a css variable without inline style?

Answer 1

The solution to this issue became using the sanitizers custom handler to create an exception for the attribute i needed specifically.

However, it only left me with a new problem. When the text gets into the code the computed variables are already resolved. Given up on it for now. Perhaps I'll look more at it later.