Nevermind, I found the solution poking around a little more.

What I found it was that it is needed to define .bg-${new-color} and .text-${new-color} and export @css:export.

$quaternary = #848586 .text-quaternary color $quaternary .bg-quaternary background-color $quaternary @css:export quaternary $quaternary

Then you can use it on .vue files.

Thank you.