bare CSS @import specifiers are not resolving and bundling correctly

[thescientist13]

Type of Change

Bug

Summary

Observed as part of testing for #1309 that when we try and leverage Spectrum's CSS files through an @import, e.g.

/* src/styles/theme.css */
@import url('../../node_modules/@spectrum-web-components/styles/all-large-dark.css');

This file will load

BUT, it will lead to errors on other files it references

Details

In theory I thought this was covered by #1257 but I guess we are not recursively handling @import statements within @import statements? Here's what the file looks like from unpkg
https://unpkg.com/browse/@spectrum-web-components/[email protected]/all-large-dark.css

Perhaps this is specific to @import in node_modules specifically though? Perhaps we should do something similar to #684 and prefix things as such?

/* src/styles/theme.css */
@import url('~@spectrum-web-components/styles/all-large-dark.css');

Or check if things do / don't have a ./ or ../ and automatically resolve that way?