Add bootswatch in my styles.scss file with Angular 17

here is my styles.css code

/* You can add global styles to this file, and also import other style files */

/* Importing Bootstrap SCSS file. */
@import 'bootswatch/dist/cyborg/variables';
@import 'bootstrap/scss/bootstrap';
@import 'bootswatch/dist/cyborg/bootswatch';


and when I launched ng serve, I got these errors what to do I am a beginner on Angular 17.

X [ERROR] Could not resolve "../node_modules/bootswatch/dist/cyborg||file:https:// fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap"

src/styles.scss:9:12:
9 │ @import url("../node_modules/bootswatch/dist/cyborg||file:https://f...
╵ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~


Watch mode enabled. Watching for file changes...

I carefully examined the path node_modules/bootswatch/dist/cyborg/variables. I made sure that there are no typos and that the directory structure exists in the node_modules folder of my project. I even restarted npm install bootswatch it does not work

Continue reading...