feat: add Vanilla Extract support

[markdalgleish]

Closes: #4708

• Docs
• Tests

I ended up writing our own custom esbuild plugin rather than using the official Vanilla Extract one since we want to have lower level control over the esbuild child compilation. This lets us ensure that assets and asset imports are handled the same as the rest of the app. We're still calling out to the @vanilla-extract/integration package which is the basis of all other bundler plugins, so we're still relying on the official implementation of the core logic.

Autoprefixing is not currently supported in this initial release since there's no way to intercept the generated CSS, but will be implemented as part of #5017.

Testing Strategy:

Similar testing strategy to CSS Modules and CSS side-effect imports, using integration tests to compile an app with Vanilla Extract and assert that styles end up on the page correctly. I've also added some Vanilla Extract fixtures to the deterministic build output test.

[changeset-bot]

🦋 Changeset detected

Latest commit: 11b9ee6

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 18 packages

Name	Type
@remix-run/dev	Minor
@remix-run/react	Minor
@remix-run/server-runtime	Minor
@remix-run/testing	Minor
@remix-run/css-bundle	Minor
create-remix	Minor
@remix-run/cloudflare	Minor
@remix-run/deno	Minor
@remix-run/node	Minor
@remix-run/cloudflare-pages	Minor
@remix-run/cloudflare-workers	Minor
@remix-run/architect	Minor
@remix-run/express	Minor
@remix-run/netlify	Minor
@remix-run/vercel	Minor
@remix-run/serve	Minor
remix	Minor
@remix-run/eslint-config	Minor

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[chaance]

Looks good! Just a question but nothing blocking IMO 👍

[github-actions]

🤖 Hello there,

We just published version v0.0.0-nightly-f5475db-20230111 which includes this pull request. If you'd like to take it for a test run please try it out and let us know what you think!

Thanks!

[github-actions]

🤖 Hello there,

We just published version 1.10.1-pre.0 which includes this pull request. If you'd like to take it for a test run please try it out and let us know what you think!

Thanks!

[github-actions]

🤖 Hello there,

We just published version 1.10.1 which includes this pull request. If you'd like to take it for a test run please try it out and let us know what you think!

Thanks!

[mcansh]

🤖 Hello there,

We just published version 1.10.1 which includes this pull request. If you'd like to take it for a test run please try it out and let us know what you think!

Thanks!

small bug in the commenting workflow 🙃 - will be available in the nightly tonight

[AdsonCicilioti]

I've created a React component library and Remix don't work with css files imported from static package bundle.

I'm trying the future flags unstable_cssBundle and unstable_vanillaExtract on remix.config.