Не загружать CSS из импортированного файла Scss

Question

Используя AngularJS Я импортирую dashboard.scss в index.js, который импортирует все необходимые зависимости, например так:

index.js

import angular from 'angular';

import 'dashboard.scss';

import DashboardService from './services/dashboard.service.js';
import CalculateService from '../../services/calculate.service.js';
import CostAnalysisService from '../../services/cost-analysis.service.js';

import DashboardController from './controllers/dashboard.controller';
import AvailableActionsController from './controllers/actions-available.controller';
import GraphDonutController from './controllers/donut-chart.controller';

import routing  from './dashboard.routes';

export default angular.module('ppApp.dashboard', [DashboardService, CalculateService, CostAnalysisService]) //import dashboard view controllers
    .config(routing)
    .controller('DashboardController', DashboardController)
    .controller('AvailableActionsController', AvailableActionsController)
    .controller('GraphDonutController', GraphDonutController)
    .name;

Все файлы находятся в одном каталоге с index.js. Когда я загружаю приложение, все работает, кроме CSS из dashboard.scss не загружается. Однако, когда я изменил синтаксис и консоль зарегистрировал переменную импорта:

import {} from 'dashboard.scss';
console.log({})

Это сработало ...

Вопрос

Почему нет? t dashboard.scss импорт с использованием синтаксиса import 'dashboard.scss'?