Small typofixes for v4 beta announcement (#1909)

* Small typofixes for v4 beta announcement

* Tweak styles

---------

Co-authored-by: Jonathan Reinink <jonathan@reinink.ca>

Author: nexxai

src/pages/docs/v4-beta.mdx

@@ -940,9 +940,9 @@ We've added utilities for the new `field-sizing` property that lets you create a
 ```html {{example: {hint: 'Type in the textarea to see the effect'}}}
 <div class="py-4 grid">
   <div class="relative w-full max-w-96 justify-self-center">
-    <label for="comment" class="block text-sm/6 font-medium text-gray-900">Add your comment</label>
+    <label for="comment" class="block text-sm/6 font-medium text-gray-900 dark:text-white">Add your comment</label>
     <div class="mt-2">
-      <textarea placeholder="Write something..." name="comment" id="comment" class="block w-full resize-none rounded-md border-0 px-2 py-1.5 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:outline-none sm:text-sm/6 [field-sizing:content]"></textarea>
+      <textarea placeholder="Write something..." name="comment" id="comment" class="block w-full resize-none rounded-md border-0 px-2 py-1.5 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 focus:outline-none sm:text-sm/6 [field-sizing:content] dark:text-gray-100 dark:bg-gray-800 dark:ring-gray-600"></textarea>
     </div>
   </div>
 </div>
@@ -1040,7 +1040,7 @@ We've added utilities for the new-ish `font-stretch` property, which helps you s
     </p>
   </div>
   <div>
-    <span class="font-medium text-sm text-slate-500 font-mono mb-3 dark:text-slate-400">font-stretch-extra-condensed</span>
+    <span class="font-medium text-sm text-slate-500 font-mono mb-3 dark:text-slate-400">font-stretch-extra-expanded</span>
     <p class="text-xl font-medium [font-stretch:extra-expanded] font-[system-ui] text-slate-900 dark:text-slate-200">
       The quick brown fox jumps over the lazy dog.
     </p>