When importing a sass file, either via @import or the new @use, lookup is done first in all of node modules, then according to SASS_PATH specified in a .env. This contradicts the documentation that states that to enable node_modules lookup without prefixing with ~, it should be explicitly added to SASS_PATH. This is an issue if a package name (apparently at any level of the dependencies hierarchy) clashes with the name you are trying to import.
I tried with a new project (attached below is a sample project)
Searched for: sass, sass_path, node_modules lookup
Environment Info:
System:
OS: macOS 10.15.1
CPU: (6) x64 Intel(R) Core(TM) i5-9600K CPU @ 3.70GHz
Binaries:
Node: 13.0.1 - /usr/local/bin/node
Yarn: 1.19.2 - /usr/local/bin/yarn
npm: 6.13.1 - /usr/local/bin/npm
Browsers:
Chrome: 79.0.3945.79
Firefox: 70.0.1
Safari: 13.0.3
npmPackages:
react: ^16.12.0 => 16.12.0
react-dom: ^16.12.0 => 16.12.0
react-scripts: 3.3.0 => 3.3.0
npmGlobalPackages:
create-react-app: Not Found
The import resolves to my sass file
SassError: Can't find stylesheet to import.

Attached is a sample project that reproduces the issue
SASS_PATH=src/styles in .envcolors npm package installedThis issue has been automatically marked as stale because it has not had any recent activity. It will be closed in 5 days if no further activity occurs.
does adding a new comment count as activity? 馃槙
This issue has been automatically marked as stale because it has not had any recent activity. It will be closed in 5 days if no further activity occurs.
I wonder if this issue will ever be triaged!
This issue has been automatically marked as stale because it has not had any recent activity. It will be closed in 5 days if no further activity occurs.
This issue has been automatically closed because it has not had any recent activity. If you have a question or comment, please open a new issue.
bump