Использование ионных переменных 4 css в функции sass

Question

Я пытаюсь использовать следующую функцию sass, но получаю сообщение об ошибке, можно ли это сделать с помощью ионных 4 переменных?

$primary-color: rgba(2, 52, 68,1);

:root {
  --primary-color: $primary-color;
}


.overlay {
  background: rgba(var(--primary-color),0.2)
}