Create SCSS File: Create a new SCSS file for each existing CSS file, either manually or using ng generate component.
Copy Content: Copy the CSS content into the new SCSS file.
Update Component Configuration: In your component's @Component decorator, update the styleUrls property to point to the new SCSS file.
Run Angular App: Start your Angular app using ng serve.
Enhance SCSS: Leverage SCSS features like variables, nesting, and mixins.
Automatic Compilation: The Angular CLI will automatically watch SCSS files for changes and recompile them.
For new projects, use ng generate component --style=scss to generate components with SCSS files by default.