When you are using sass or scss, and you want to generate a new component it creates a file named "component-name.component.ts" alongside three other files, which one of them is "component-name.component.scss".
First issue:
It must create a style file with the right extension accordingly. For example, a sass file if the user is using sass, an scss file in case the user is using scss and a css file otherwise.
Second issue:
It must create the content of "component-name.component.ts" file according to one that the user expects. For example, In my case, I was using sass, however, it generated an scss file for me and it set the styleUrls to ['component-name.component.css']
When you are using sass or scss, and you want to generate a new component it creates a file named "component-name.component.ts" alongside three other files, which one of them is "component-name.component.scss".
First issue:
It must create a style file with the right extension accordingly. For example, a sass file if the user is using sass, an scss file in case the user is using scss and a css file otherwise.
Second issue:
It must create the content of "component-name.component.ts" file according to one that the user expects. For example, In my case, I was using sass, however, it generated an scss file for me and it set the styleUrls to ['component-name.component.css']