Cómo usar variables de Sass desde un CDN.

Tengo un proyecto que utiliza “create-react-app” y un archivo “colors.scss” alojado remotamente que solo contiene la definición de los colores (contenido a continuación).

$color-blue: #2281ff;
$color-cyan: #11a0f2;
$color-lue-light: #cfd7fc;

Luego tengo un archivo “index.scss” que se ve de la siguiente manera:

@import url('http://url.domain/colors.scss');

body {
  background-color: $color-blue;
}

Cuando se compila la aplicación, obtengo el siguiente error:

SassError: Variable no definida: "$color-blue".
        en la línea 4 de src/index.scss
>>   background-color: $color-blue;

Esto ocurre al utilizar “node-sass”.

Luego he intentado cambiar “node-sass” por “dart-sass”, que es simplemente “sass”, así que ejecuté “npm uninstall node-sass” y luego “npm install sass”.

Mi archivo se veía así:

@use url('http://url.domain/colors.scss');

body {
  background-color: $color-blue;
}

Esto generó un error:

SassError: Se esperaba una cadena.
  ╷
1 │ @use url('http://url.domain/colors.scss');

Al reescribir la importación a:

@use "http://url.domain/colors.scss";

obtuve:

SassError: No se puede encontrar la hoja de estilos para importar.
  ╷
1 │ @use "http://url.domain/colors.scss";
  │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^

¿No es posible utilizar variables desde una fuente remota? ¿O me estoy perdiendo algo?

NOTA: “http://url.domain/colors.scss” es una versión abstracta del enlace, cuando se pega el enlace real en el navegador, se puede ver la hoja de estilos correcta con las variables cargadas.