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