Estoy trabajando en un nuevo proyecto de Angular2 creado con Angular CLI y he configurado el proyecto para usar SCSS. Tengo Bootstrap 4 cargado correctamente en mistyles.scss Sin embargo, si intento acceder a cualquiera de Bootstrap (o mis propias variables definidas enstyles.scss desde dentro de un componente consigoUndefined Variable error de compilación

Son los archivos de estilo para componentes compilados antes de la entrada principal enstyles nodo deangular-cli.json? ¿Cómo puedo hacer para que las variables definidas a ese nivel global estén disponibles para todos los componentes de la aplicación? ¡Gracias!

angular-cli.json

"apps": [
  {
    ...
    "styles": [
      "styles/styles.scss"
    ],
    ...
  }
]

styles.scss

// Bootstrap
$enable-flex: true; // Enable Flexbox mode
@import "../../node_modules/bootstrap/scss/bootstrap";

componente

.navbar {
  background: $brand-primary; // Undefined variable here
}