Complete Tailwind CSS Play CDN support in Sandpack Bundler

What kind of change does this PR introduce?

Adds complete support for Tailwind CSS Play CDN in Sandpack by properly handling custom Tailwind CSS configs.

What is the current behavior?

Currently, when importing Tailwind Play CDN viaexternalResources in Sandpack it is impossible to customize Tailwindglobals.css config because Sandpack bundler doesn't set the expectedtype="text/tailwindcss" attribute of the<style>/` tags. This prevents the Tailwind Play CDN (https://cdn.tailwindcss.com) from compiling CSS with custom Tailwind config.

What is the new behavior?

The Sandbox bundler now correctly identifies Tailwind CSS external resourses and sets the expectedtype="text/tailwindcss" attribute when the external resource file name includes'tailwind.css'.

This enables:

• Using customglobals.tailwind.css viaexternalResources
• Using customtailwind.config.js viaexternalResources

Steps to test

1. Create a new project with Sandpack's. Passhttps://cdn.tailwindcss.com in Sandpack'sexternalResources
2. Pass customtailwind.config.js file to Sandpack'sexternalResources
3. Passglobals.tailwind.css to Sandpack'sexternalResources with custom TailwindCSS styles (same asglobals.css in standard Tailwind projects)
4. Verify that TailwindCSS is loaded properly in Sandpack
5. Verify that custom Tailwind styles work as expected

Checklist

• Documentation
• Testing
• Ready to be merged
• Added myself to contributors table (N/A)

Additional Context

This feature is for developers who want to use Tailwind CSS in Sandpack with customtailwind.config.js and customglobals.css. The Tailwind Play CDN requirestype="text/tailwindcss" in<link>/<style> tags to support customglobals.css files, which this PR now supports.

Tailwind CDN docs:https://tailwindcss.com/docs/installation/play-cdn