chore(preview): bump mix to ^2.0.2 and update showcases for new API

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>

Author: tilucasoli

packages/mix_docs_preview/lib/homepage/buttons_showcase.dart

@@ -22,28 +22,30 @@ class Example extends StatelessWidget {
         .animate(.easeInOut(180.ms))
         .scale(1)
         .onPressed(.scale(0.95))
-        .wrap(.defaultText(TextStyler().fontSize(14).fontWeight(.w600)));
+        .textStyle(.fontSize(14).fontWeight(.w600).color(Colors.white));
 
     final solidButtonStyle = buttonStyle
         .color(Colors.deepPurpleAccent)
-        .wrap(.defaultText(.color(Colors.white)));
+        .textStyle(.fontSize(14).fontWeight(.w600).color(Colors.white));
 
     final outlinedButtonStyle = buttonStyle
         .border(.all(.color(Colors.deepPurpleAccent).width(1.5)))
-        .wrap(.defaultText(.color(Colors.deepPurpleAccent)));
+        .textStyle(
+          .fontSize(14).fontWeight(.w600).color(Colors.deepPurpleAccent),
+        );
 
     return Center(
       child: Row(
         mainAxisSize: MainAxisSize.min,
         children: [
           Pressable(
             onPress: () {},
-            child: solidButtonStyle(child: const Text('Solid')),
+            child: solidButtonStyle(child: StyledText('Solid')),
           ),
           const SizedBox(width: 12),
           Pressable(
             onPress: () {},
-            child: outlinedButtonStyle(child: const Text('Outlined')),
+            child: outlinedButtonStyle(child: StyledText('Outlined')),
           ),
         ],
       ),

packages/mix_docs_preview/lib/homepage/variants_showcase.dart

@@ -19,16 +19,12 @@ class Example extends StatelessWidget {
         .borderRadius(.circular(16))
         .color(Colors.cyan)
         .alignment(.center)
-        .animate(.easeInOut(220.ms))
+        .textStyle(.color(Colors.white).fontSize(16))
         .scale(1)
-        .onHovered(.color(Colors.cyanAccent).scale(1.2));
+        .onHovered(.color(Colors.cyanAccent).scale(1.2))
+        .animate(.easeInOut(220.ms));
 
-    return box(
-      child: const Text(
-        'Hover',
-        style: TextStyle(color: Colors.white, fontSize: 16),
-      ),
-    );
+    return box(child: StyledText('Hover'));
     // #enddocregion showcase
   }
 }

packages/mix_docs_preview/pubspec.yaml

@@ -11,7 +11,7 @@ dependencies:
   cupertino_icons: ^1.0.8
   flutter:
     sdk: flutter
-  mix: ^2.0.1
+  mix: ^2.0.2
   mix_tailwinds: ^0.0.1-alpha.1
   remix: ^0.2.0