chore: cleanup example global.css

Author: marklawlor

example/global.css

@@ -1,25 +1,3 @@
 @import "tailwindcss/theme.css" layer(theme);
 @import "tailwindcss/preflight.css" layer(base);
-@import "tailwindcss/utilities.css"; 
-
-@theme {
-  --text-xs--line-height: calc(1em / 0.75);
-  --text-sm--line-height: calc(1.25em / 0.875);
-  --text-base--line-height: calc(1.5em / 1);
-  --text-lg--line-height: calc(1.75em / 1.125);
-  --text-xl--line-height: calc(1.75em / 1.25);
-  --text-2xl--line-height: calc(2em / 1.5);
-  --text-3xl--line-height: calc(2.25em / 1.875);
-  --text-4xl--line-height: calc(2.5em / 2.25);
-  --text-5xl--line-height: 1em;
-  --text-6xl--line-height: 1em;
-  --text-7xl--line-height: 1em;
-  --text-8xl--line-height: 1em;
-  --text-9xl--line-height: 1em;
-
-  --leading-tight: 1.25em;
-  --leading-snug: 1.375em;
-  --leading-normal: 1.5em;
-  --leading-relaxed: 1.625em;
-  --leading-loose: 2em;
-}
+@import "tailwindcss/utilities.css"; 

example/src/App.tsx

@@ -7,7 +7,9 @@ import "../global.css";
 export default function App() {
   return (
     <View className="flex-1 bg-white items-center justify-center">
-      <Text className="text-red-800 animate-bounce">Hello world!!!</Text>
+      <Text className="text-red-800 text-2xl font-bold animate-bounce">
+        Hello world!!!
+      </Text>
       <StatusBar style="auto" />
     </View>
   );