Could not resolve the @import for "base/import"

[PhantomRex123]

➜ gulp css
[22:40:41] Using gulpfile /mnt/c/xampp/htdocs/social/gulpfile.js
[22:40:41] Starting 'css'...
[22:40:43] 'css' errored after 2.29 s
[22:40:43] CssSyntaxError in plugin "gulp-postcss"
Message:
    precss: /mnt/c/xampp/htdocs/social/assets/css/styles.pcss:1:1: Could not resolve the @import for "base/_import.pcss"

    | ^
  2 |


22:45:28 in xampp/htdocs/social is 📦 v1.0.0 via ⬢ v10.19.0 via 🐘 v7.4.3 took 23s 
[22:45:52] Using gulpfile /mnt/c/xampp/htdocs/social/gulpfile.js
[22:45:52] Starting 'css'...

22:47:43 in xampp/htdocs/social is 📦 v1.0.0 via ⬢ v10.19.0 via 🐘 v7.4.3 took 24s
➜ gulp css
[10:00:13] Using gulpfile /mnt/c/xampp/htdocs/social/gulpfile.js
[10:00:14] Starting 'css'...
[10:01:33] 'css' errored after 1.32 min
[10:01:33] CssSyntaxError in plugin "gulp-postcss"
Message:
    precss: /mnt/c/xampp/htdocs/social/assets/css/styles.pcss:1:1: Could not resolve the @import for "base/import"

> 1 | @import "base/import";
    | ^
  2 |

This is my error, i have no clue whats wrong,

style.pcss: 
@import "base/import";
// i even tried @use

and then

base/_import.pcss:
@forward "./brakepoints";
@forward "./font-face";
@forward "./colors";
@forward "./type";