@use , @forward, not working!

[ryansamaeian]

I'm really confused but here is my code!

^ This is my folder structure ^

I used some demo code from the scss docs, since my own didn't work nor did the scss one

abstracts/_testing.pcss:

@mixin list-reset {
  margin: 0;
  padding: 0;
  list-style: none;
}

autoload.pcss:

@forward 'abstracts/testing.pcss';

style.pcss

@use "autoload.pcss";

li {
  @include autoload.list-reset;
}

My error:

[11:58:16] 'css' errored after 3.09 s
[11:58:16] CssSyntaxError in plugin "gulp-postcss"
Message:
    precss: /mnt/c/xampp/htdocs/social/assets/styles/styles.pcss:4:12: Could not resolve the mixin for "autoload.list-reset"

  2 | 
  3 | li {
> 4 |   @include autoload.list-reset;
    |            ^
  5 | }
  6 |