feat(react): add Tailwind v4 compiled CSS for skins with vjs prefix (#114)

Co-authored-by: Claude <noreply@anthropic.com>
Co-authored-by: Darius Cepulis <dcepulis@mux.com>

examples/react-demo/src/App.tsx

@@ -2,15 +2,17 @@ import type { ChangeEventHandler } from 'react';
 
 import { FrostedSkin, MediaProvider, MinimalSkin, Video } from '@vjs-10/react';
 import { FullscreenEnterAltIcon, FullscreenExitAltIcon } from '@vjs-10/react-icons';
+import clsx from 'clsx';
 
 // import FrostedSkin from './skins/frosted/FrostedSkin';
 // import MinimalSkin from './skins/toasted/MinimalSkin';
 
-import clsx from 'clsx';
 // NOTE: Commented out imports are for testing locally/externally defined skins.
 // import { MediaProvider, Video } from '@vjs-10/react';
 import { useCallback, useMemo, useRef, useState } from 'react';
 import { useFullscreen } from './hooks/useFullscreen';
+import '@vjs-10/react/skins/frosted.css';
+import '@vjs-10/react/skins/minimal.css';
 import './globals.css';
 
 const skins = [

examples/react-demo/src/globals.css

@@ -1,8 +1,5 @@
 @import 'tailwindcss';
 
-/* TODO: Documentation for how this will work in the wild. */
-@source "../../../packages/react";
-
 @theme {
   --font-sans:
     InterVariable, ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',

examples/react-demo/src/main.tsx

@@ -2,6 +2,9 @@ import { StrictMode } from 'react';
 import { createRoot } from 'react-dom/client';
 
 import App from './App';
+import '@vjs-10/react/skins/frosted.css';
+
+import '@vjs-10/react/skins/minimal.css';
 
 import './globals.css';