Payload is the open-source, fullstack Next.js framework, giving you instant backend superpowers. Get a full TypeScript backend and admin panel instantly. Use Payload as a headless CMS or for building powerful applications.
fix(ui): invalid sass imports to support windows - add Stylelint to prevent regression (#15028)
Fixes invalid Sass import paths in the compiled @payloadcms/ui output
that currently rely on legacy webpack resolution behavior.
Fixes issue #15011
```
./nodemodules/.pnpm/@payloadcms+ui@3.69.0@type_f6dae4b1d169b9370a166162f9bf6e5f/node_modules/@payloadcms/ui/dist/widgets/CollectionCards/index.scss
Error evaluating Node.js code
Error: Can't find stylesheet to import.
╷
1 │ @import 'vars';
│ ^^^^^^
```
Patch file
```
diff --git a/dist/widgets/CollectionCards/index.scss b/dist/widgets/CollectionCards/index.scss
index 0330e9c283160e35ad22f7f244bba840bc57c66f..c8776a72ede7877fc2fba855a89b96603f7eb5b9 100644
--- a/dist/widgets/CollectionCards/index.scss
+++ b/dist/widgets/CollectionCards/index.scss
@@ -1,4 +1,4 @@
-@import '~@payloadcms/ui/scss';
+@import '../../scss/styles';
@layer payload-default {
.collections {
```
Running a patch file to adjust this import fixes the issue.
---------
Co-authored-by: German Jablonski <43938777+GermanJablo@users.noreply.github.com>
Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com> V
Vincent Vu committed
c66e9538bbb47c64cf9dda3f35e689cb323a0d9f
Parent: 23a8689
Committed by GitHub <noreply@github.com>
on 1/5/2026, 6:23:32 PM