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>

website/src/components/home/HeroVideo.tsx

@@ -2,7 +2,8 @@ import { useStore } from '@nanostores/react';
 import { FrostedSkin, MediaProvider, MinimalSkin, Video } from '@vjs-10/react';
 import { skin } from '@/stores/homePageDemos';
 import { PLAYBACK_ID } from './config';
-import '@/styles/vjs.css';
+import '@vjs-10/react/skins/frosted.css';
+import '@vjs-10/react/skins/minimal.css';
 
 export default function HeroVideo({ className, poster }: { className?: string; poster: string }) {
   // Subscribe to skin store for future skin switching functionality

website/src/styles/vjs-input.css

@@ -1,11 +0,0 @@
-@import 'tailwindcss';
-
-@source "../../../packages/react";
-
-/* theme inline tells tailwind to reference the value of these properties */
-@theme inline {
-  --font-*: initial;
-  /* --font-instrument-sans and --font-ibm-plex-mono are defined in Base.astro */
-  --font-sans: var(--font-instrument-sans);
-  --font-mono: var(--font-ibm-plex-mono);
-}