build(style): support importing styles in Sass

[GeorgeTaveras1231]

Pull Request Template

Thanks for your PR! Make sure you have read the CONTRIBUTING guide.

What's Changed

Allows consumers to import base CSS using SASS. This gives consumers more flexibility to manipulate the base CSS. For example, forcing the styles under a CSS layer

@layer third-party-libs {
  @import 'pkg:react-day-picker/styles.module';
}

OR, forcing the styles to be scoped under a selector

.my-daypicker {
  @import 'pkg:react-day-picker/styles.module';
}

Type of Change

• [ ] Bug fix
• [x] New feature
• [ ] Breaking change
• [ ] Documentation update

Tips for a good PR

• If you are changing code, please add tests to cover the changes.
• Some screenshots or screen recording could help to understand the changes.
• If it is a bug, please provide the code to reproduce it.

Thanks

Additional Notes

Add any extra comments or questions here.

[GeorgeTaveras1231]

@gpbl Sorry if the PR lacked context. Here are some more details:

The issue with the current package.json exports is that Sass requires the extension to be omitted when importing plain CSS - this is necessary for it to differentiate between runtime and build-time imports. See their docs on how @import works.

I will answer the other questions inline 😌

[gpbl]

@GeorgeTaveras1231 it makes sense to me! Thanks for your insight here (and for saving me from reading Sass manuals :)

[GeorgeTaveras1231]

Thanks @gpbl! I will be on the lookout for the next release 😌