URL внешнего импорта в файле main.scss не связываются при развертывании с помощью ng build --prod

Question

Я недавно перенес приложение для посева под углом до 6 cli. У меня есть внешний импорт в моем файле main.scss, как это: @import url ('https://fonts.googleapis.com/css?family=Open+Sans:300,400');

И я включил стили в мой файл angular.json:

"styles": [
    "node_modules/bootstrap/dist/css/bootstrap.min.css",
    "node_modules/primeng/resources/themes/redmond/theme.css" ,
    "node_modules/primeicons/primeicons.css",
    "node_modules/primeng/resources/primeng.min.css",
    "node_modules/font-awesome/css/font-awesome.css",
    "src/main.scss"
],

Однако после ng build --prod, когда я проверяю в среде prod, css не включается. Я убедился в этом, проверив вкладку «Сеть» в моем отладчике. В моем localhost все работает отлично. Однако внутри папки dist у меня есть файл styles.bundle.css со всеми моими стилями main.scss, исключая стили из внешнего URL-адреса импорта. Есть идеи с чего начать?