Usar variables CSS como argumentos de la función Sass

¿Hay alguna manera de usar variables CSS con funciones Sass, p. ¿aligerar? Algo como esto:

:root {
  --color: #ff00ff;
}

.div {
  background-color: lighten(var(--color), 32%);
}

Recibo un mensaje de error que dice "Argumento$color delighten($color, $amount) debe ser un color ".

Estoy usando variables CSS (no Sass), porque necesito usarlas en js.

Respuestas a la pregunta(2)

Su respuesta a la pregunta