The fox example should be a pangram

src/pages/docs/font-size.mdx

@@ -24,55 +24,55 @@ Control the font size of an element using the `text-{size}` utilities.
   <dl class="text-violet-600">
     <div class="flex items-start">
       <dt class="w-16 flex-shrink-0 text-sm text-violet-600 text-opacity-50 font-mono leading-3">xs</dt>
-      <dd class="truncate text-xs font-medium">The quick brown fox jumped over the lazy dog.</dd>
+      <dd class="truncate text-xs font-medium">The quick brown fox jumps over the lazy dog.</dd>
     </div>
     <div class="mt-6 flex items-start">
       <dt class="w-16 flex-shrink-0 text-sm text-violet-600 text-opacity-50 font-mono leading-4">sm</dt>
-      <dd class="truncate text-sm font-medium">The quick brown fox jumped over the lazy dog.</dd>
+      <dd class="truncate text-sm font-medium">The quick brown fox jumps over the lazy dog.</dd>
     </div>
     <div class="mt-6 flex items-start">
       <dt class="w-16 flex-shrink-0 text-sm text-violet-600 text-opacity-50 font-mono leading-5">base</dt>
-      <dd class="truncate text-base font-medium">The quick brown fox jumped over the lazy dog.</dd>
+      <dd class="truncate text-base font-medium">The quick brown fox jumps over the lazy dog.</dd>
     </div>
     <div class="mt-6 flex items-start">
       <dt class="w-16 flex-shrink-0 text-sm text-violet-600 text-opacity-50 font-mono leading-6">lg</dt>
-      <dd class="truncate text-lg font-medium">The quick brown fox jumped over the lazy dog.</dd>
+      <dd class="truncate text-lg font-medium">The quick brown fox jumps over the lazy dog.</dd>
     </div>
     <div class="mt-6 flex items-start">
       <dt class="w-16 flex-shrink-0 text-sm text-violet-600 text-opacity-50 font-mono leading-6">xl</dt>
-      <dd class="truncate text-xl font-medium">The quick brown fox jumped over the lazy dog.</dd>
+      <dd class="truncate text-xl font-medium">The quick brown fox jumps over the lazy dog.</dd>
     </div>
     <div class="mt-8 flex items-start">
       <dt class="w-16 flex-shrink-0 text-sm text-violet-600 text-opacity-50 font-mono leading-6">2xl</dt>
-      <dd class="truncate text-2xl font-medium">The quick brown fox jumped over the lazy dog.</dd>
+      <dd class="truncate text-2xl font-medium">The quick brown fox jumps over the lazy dog.</dd>
     </div>
     <div class="mt-10 flex items-start">
       <dt class="w-16 flex-shrink-0 text-sm text-violet-600 text-opacity-50 font-mono leading-6">3xl</dt>
-      <dd class="truncate text-3xl font-medium">The quick brown fox jumped over the lazy dog.</dd>
+      <dd class="truncate text-3xl font-medium">The quick brown fox jumps over the lazy dog.</dd>
     </div>
     <div class="mt-10 flex items-start">
       <dt class="w-16 flex-shrink-0 text-sm text-violet-600 text-opacity-50 font-mono leading-6">4xl</dt>
-      <dd class="truncate text-4xl font-medium">The quick brown fox jumped over the lazy dog.</dd>
+      <dd class="truncate text-4xl font-medium">The quick brown fox jumps over the lazy dog.</dd>
     </div>
     <div class="mt-10 flex items-start">
       <dt class="w-16 flex-shrink-0 text-sm text-violet-600 text-opacity-50 font-mono leading-7">5xl</dt>
-      <dd class="truncate text-5xl font-medium">The quick brown fox jumped over the lazy dog.</dd>
+      <dd class="truncate text-5xl font-medium">The quick brown fox jumps over the lazy dog.</dd>
     </div>
     <div class="mt-10 flex items-start">
       <dt class="w-16 flex-shrink-0 text-sm text-violet-600 text-opacity-50 font-mono leading-8">6xl</dt>
-      <dd class="truncate text-6xl font-medium">The quick brown fox jumped over the lazy dog.</dd>
+      <dd class="truncate text-6xl font-medium">The quick brown fox jumps over the lazy dog.</dd>
     </div>
     <div class="mt-10 flex items-start">
       <dt class="w-16 flex-shrink-0 text-sm text-violet-600 text-opacity-50 font-mono leading-10">7xl</dt>
-      <dd class="truncate text-7xl font-medium">The quick brown fox jumped over the lazy dog.</dd>
+      <dd class="truncate text-7xl font-medium">The quick brown fox jumps over the lazy dog.</dd>
     </div>
     <div class="mt-10 flex items-start">
       <dt class="w-16 flex-shrink-0 text-sm text-violet-600 text-opacity-50 font-mono leading-10">8xl</dt>
-      <dd class="truncate text-8xl font-medium">The quick brown fox jumped over the lazy dog.</dd>
+      <dd class="truncate text-8xl font-medium">The quick brown fox jumps over the lazy dog.</dd>
     </div>
     <div class="mt-8 flex items-start">
       <dt class="w-16 flex-shrink-0 text-sm text-violet-600 text-opacity-50 font-mono leading-10">9xl</dt>
-      <dd class="truncate text-9xl font-medium">The quick brown fox jumped over the lazy dog.</dd>
+      <dd class="truncate text-9xl font-medium">The quick brown fox jumps over the lazy dog.</dd>
     </div>
   </dl>
 </template>
@@ -97,7 +97,7 @@ Control the font size of an element using the `text-{size}` utilities.
 To control the font size of an element at a specific breakpoint, add a `{screen}:` prefix to any existing font size utility. For example, use `md:text-lg` to apply the `text-lg` utility at only medium screen sizes and above.
 
 ```html
-<p class="text-base **md:text-lg** ...">The quick brown fox jumped over the lazy dog.</p>
+<p class="text-base **md:text-lg** ...">The quick brown fox jumps over the lazy dog.</p>
 ```
 
 For more information about Tailwind's responsive design features, check out the [Responsive Design](/docs/responsive-design) documentation.

src/pages/docs/font-smoothing.mdx

@@ -20,7 +20,7 @@ Use the `subpixel-antialiased` utility to render text using subpixel antialiasin
 
 ```html lightBlue
 <template preview>
-  <p class="subpixel-antialiased text-lg text-light-blue-800">The quick brown fox jumped over the lazy dog.</p>
+  <p class="subpixel-antialiased text-lg text-light-blue-800">The quick brown fox jumps over the lazy dog.</p>
 </template>
 
 <p class="**subpixel-antialiased** ...">The quick brown fox ...</p>
@@ -32,7 +32,7 @@ Use the `antialiased` utility to render text using grayscale antialiasing.
 
 ```html emerald
 <template preview>
-  <p class="antialiased text-lg text-emerald-800">The quick brown fox jumped over the lazy dog.</p>
+  <p class="antialiased text-lg text-emerald-800">The quick brown fox jumps over the lazy dog.</p>
 </template>
 
 <p class="**antialiased** ...">The quick brown fox ...</p>
@@ -44,7 +44,7 @@ To control the font smoothing of an element at a specific breakpoint, add a `{sc
 
 ```html
 <p class="antialiased sm:subpixel-antialiased **md:antialiased** ...">
-  The quick brown fox jumped over the lazy dog.
+  The quick brown fox jumps over the lazy dog.
 </p>
 ```
 

src/pages/docs/font-style.mdx

@@ -20,7 +20,7 @@ Use the `italic` utility to make text italic.
 
 ```html emerald
 <template preview>
-  <p class="italic text-xl text-emerald-800">The quick brown fox jumped over the lazy dog.</p>
+  <p class="italic text-xl text-emerald-800">The quick brown fox jumps over the lazy dog.</p>
 </template>
 
 <p class="**italic** ...">The quick brown fox ...</p>
@@ -32,7 +32,7 @@ Use the `not-italic` utility to display text normally. This is typically used to
 
 ```html amber
 <template preview>
-  <p class="not-italic text-xl text-amber-800">The quick brown fox jumped over the lazy dog.</p>
+  <p class="not-italic text-xl text-amber-800">The quick brown fox jumps over the lazy dog.</p>
 </template>
 
 <p class="**not-italic** ...">The quick brown fox ...</p>
@@ -44,7 +44,7 @@ To control the font style of an element at a specific breakpoint, add a `{screen
 
 ```html
 <p class="italic **md:not-italic** ...">
-  The quick brown fox jumped over the lazy dog.
+  The quick brown fox jumps over the lazy dog.
 </p>
 ```
 

src/pages/docs/font-weight.mdx

@@ -23,39 +23,39 @@ Control the font weight of an element using the `font-{weight}` utilities.
   <dl class="text-light-blue-600 space-y-6">
     <div class="flex items-start">
       <dt class="w-32 text-right pr-6 flex-shrink-0 text-sm text-light-blue-600 text-opacity-50 font-mono leading-7">thin</dt>
-      <dd class="text-xl font-thin">The quick brown fox jumped over the lazy dog.</dd>
+      <dd class="text-xl font-thin">The quick brown fox jumps over the lazy dog.</dd>
     </div>
     <div class="flex items-start">
       <dt class="w-32 text-right pr-6 flex-shrink-0 text-sm text-light-blue-600 text-opacity-50 font-mono leading-7">extralight</dt>
-      <dd class="text-xl font-extralight">The quick brown fox jumped over the lazy dog.</dd>
+      <dd class="text-xl font-extralight">The quick brown fox jumps over the lazy dog.</dd>
     </div>
     <div class="flex items-start">
       <dt class="w-32 text-right pr-6 flex-shrink-0 text-sm text-light-blue-600 text-opacity-50 font-mono leading-7">light</dt>
-      <dd class="text-xl font-light">The quick brown fox jumped over the lazy dog.</dd>
+      <dd class="text-xl font-light">The quick brown fox jumps over the lazy dog.</dd>
     </div>
     <div class="flex items-start">
       <dt class="w-32 text-right pr-6 flex-shrink-0 text-sm text-light-blue-600 text-opacity-50 font-mono leading-7">normal</dt>
-      <dd class="text-xl font-normal">The quick brown fox jumped over the lazy dog.</dd>
+      <dd class="text-xl font-normal">The quick brown fox jumps over the lazy dog.</dd>
     </div>
     <div class="flex items-start">
       <dt class="w-32 text-right pr-6 flex-shrink-0 text-sm text-light-blue-600 text-opacity-50 font-mono leading-7">medium</dt>
-      <dd class="text-xl font-medium">The quick brown fox jumped over the lazy dog.</dd>
+      <dd class="text-xl font-medium">The quick brown fox jumps over the lazy dog.</dd>
     </div>
     <div class="flex items-start">
       <dt class="w-32 text-right pr-6 flex-shrink-0 text-sm text-light-blue-600 text-opacity-50 font-mono leading-7">semibold</dt>
-      <dd class="text-xl font-semibold">The quick brown fox jumped over the lazy dog.</dd>
+      <dd class="text-xl font-semibold">The quick brown fox jumps over the lazy dog.</dd>
     </div>
     <div class="flex items-start">
       <dt class="w-32 text-right pr-6 flex-shrink-0 text-sm text-light-blue-600 text-opacity-50 font-mono leading-7">bold</dt>
-      <dd class="text-xl font-bold">The quick brown fox jumped over the lazy dog.</dd>
+      <dd class="text-xl font-bold">The quick brown fox jumps over the lazy dog.</dd>
     </div>
     <div class="flex items-start">
       <dt class="w-32 text-right pr-6 flex-shrink-0 text-sm text-light-blue-600 text-opacity-50 font-mono leading-7">extrabold</dt>
-      <dd class="text-xl font-extrabold">The quick brown fox jumped over the lazy dog.</dd>
+      <dd class="text-xl font-extrabold">The quick brown fox jumps over the lazy dog.</dd>
     </div>
     <div class="flex items-start">
       <dt class="w-32 text-right pr-6 flex-shrink-0 text-sm text-light-blue-600 text-opacity-50 font-mono leading-7">black</dt>
-      <dd class="text-xl font-black">The quick brown fox jumped over the lazy dog.</dd>
+      <dd class="text-xl font-black">The quick brown fox jumps over the lazy dog.</dd>
     </div>
   </dl> 
 </template>
@@ -76,7 +76,7 @@ Control the font weight of an element using the `font-{weight}` utilities.
 To control the font weight of an element at a specific breakpoint, add a `{screen}:` prefix to any existing font weight utility. For example, use `md:font-bold` to apply the `font-bold` utility at only medium screen sizes and above.
 
 ```html
-<p class="font-normal **md:font-bold** ...">The quick brown fox jumped over the lazy dog.</p>
+<p class="font-normal **md:font-bold** ...">The quick brown fox jumps over the lazy dog.</p>
 ```
 
 For more information about Tailwind's responsive design features, check out the [Responsive Design](/docs/responsive-design) documentation.

src/pages/docs/letter-spacing.mdx

@@ -22,27 +22,27 @@ Control the letter spacing of an element using the `tracking-{size}` utilities.
 <template preview>
   <div class="mb-6">
     <p class="mb-1 text-sm text-light-blue-600">.tracking-tighter</p>
-    <p class="tracking-tighter text-lg text-light-blue-800">The quick brown fox jumped over the lazy dog.</p>
+    <p class="tracking-tighter text-lg text-light-blue-800">The quick brown fox jumps over the lazy dog.</p>
   </div>
   <div class="mb-6">
     <p class="mb-1 text-sm text-light-blue-600">.tracking-tight</p>
-    <p class="tracking-tight text-lg text-light-blue-800">The quick brown fox jumped over the lazy dog.</p>
+    <p class="tracking-tight text-lg text-light-blue-800">The quick brown fox jumps over the lazy dog.</p>
   </div>
   <div class="mb-6">
     <p class="mb-1 text-sm text-light-blue-600">.tracking-normal</p>
-    <p class="tracking-normal text-lg text-light-blue-800">The quick brown fox jumped over the lazy dog.</p>
+    <p class="tracking-normal text-lg text-light-blue-800">The quick brown fox jumps over the lazy dog.</p>
   </div>
   <div class="mb-6">
     <p class="mb-1 text-sm text-light-blue-600">.tracking-wide</p>
-    <p class="tracking-wide text-lg text-light-blue-800">The quick brown fox jumped over the lazy dog.</p>
+    <p class="tracking-wide text-lg text-light-blue-800">The quick brown fox jumps over the lazy dog.</p>
   </div>
   <div class="mb-6">
     <p class="mb-1 text-sm text-light-blue-600">.tracking-wider</p>
-    <p class="tracking-wider text-lg text-light-blue-800">The quick brown fox jumped over the lazy dog.</p>
+    <p class="tracking-wider text-lg text-light-blue-800">The quick brown fox jumps over the lazy dog.</p>
   </div>
   <div>
     <p class="mb-1 text-sm text-light-blue-600">.tracking-widest</p>
-    <p class="tracking-widest text-lg text-light-blue-800">The quick brown fox jumped over the lazy dog.</p>
+    <p class="tracking-widest text-lg text-light-blue-800">The quick brown fox jumps over the lazy dog.</p>
   </div>
 </template>
 
@@ -59,7 +59,7 @@ Control the letter spacing of an element using the `tracking-{size}` utilities.
 To control the letter spacing of an element at a specific breakpoint, add a `{screen}:` prefix to any existing letter spacing utility. For example, use `md:tracking-wide` to apply the `tracking-wide` utility at only medium screen sizes and above.
 
 ```html
-<p class="tracking-tight **md:tracking-wide** ...">The quick brown fox jumped over the lazy dog.</p>
+<p class="tracking-tight **md:tracking-wide** ...">The quick brown fox jumps over the lazy dog.</p>
 ```
 
 For more information about Tailwind's responsive design features, check out the [Responsive Design](/docs/responsive-design) documentation.

src/pages/docs/text-color.mdx

@@ -34,7 +34,7 @@ Control the text color of an element using the `text-{color}` utilities.
 ```html
 <template preview>
   <p class="text-purple-600 text-center text-xl font-semibold truncate">
-    The quick brown fox jumped over the lazy dog.
+    The quick brown fox jumps over the lazy dog.
   </p>
 </template>
 
@@ -48,11 +48,11 @@ Control the opacity of an element's text color using the `text-opacity-{amount}`
 ```html
 <template preview>
   <div class="space-y-4">
-    <p class="font-semibold text-xl text-purple-700 text-opacity-100">The quick brown fox jumped over the lazy dog.</p>
-    <p class="font-semibold text-xl text-purple-700 text-opacity-75">The quick brown fox jumped over the lazy dog.</p>
-    <p class="font-semibold text-xl text-purple-700 text-opacity-50">The quick brown fox jumped over the lazy dog.</p>
-    <p class="font-semibold text-xl text-purple-700 text-opacity-25">The quick brown fox jumped over the lazy dog.</p>
-    <p class="font-semibold text-xl text-purple-700 text-opacity-0">The quick brown fox jumped over the lazy dog.</p>
+    <p class="font-semibold text-xl text-purple-700 text-opacity-100">The quick brown fox jumps over the lazy dog.</p>
+    <p class="font-semibold text-xl text-purple-700 text-opacity-75">The quick brown fox jumps over the lazy dog.</p>
+    <p class="font-semibold text-xl text-purple-700 text-opacity-50">The quick brown fox jumps over the lazy dog.</p>
+    <p class="font-semibold text-xl text-purple-700 text-opacity-25">The quick brown fox jumps over the lazy dog.</p>
+    <p class="font-semibold text-xl text-purple-700 text-opacity-0">The quick brown fox jumps over the lazy dog.</p>
   </div>
 </template>
 

src/pages/docs/text-decoration.mdx

@@ -20,7 +20,7 @@ Use the `underline` utility to underline text.
 
 ```html fuchsia
 <template preview>
-  <p class="underline text-xl text-fuchsia-600">The quick brown fox jumped over the lazy dog.</p>
+  <p class="underline text-xl text-fuchsia-600">The quick brown fox jumps over the lazy dog.</p>
 </template>
 
 <p class="**underline** ...">The quick brown fox ...</p>
@@ -32,7 +32,7 @@ Use the `line-through` utility to strike out text.
 
 ```html rose
 <template preview>
-  <p class="line-through text-xl text-rose-600">The quick brown fox jumped over the lazy dog.</p>
+  <p class="line-through text-xl text-rose-600">The quick brown fox jumps over the lazy dog.</p>
 </template>
 
 <p class="**line-through** ...">The quick brown fox ...</p>
@@ -58,7 +58,7 @@ To control the text decoration of an element at a specific breakpoint, add a `{s
 
 ```html
 <p class="no-underline **md:underline** ...">
-  The quick brown fox jumped over the lazy dog.
+  The quick brown fox jumps over the lazy dog.
 </p>
 ```
 

src/pages/docs/text-opacity.mdx

@@ -17,11 +17,11 @@ Control the opacity of an element's text color using the `text-opacity-{amount}`
 ```html
 <template preview>
   <div class="space-y-4">
-    <p class="font-semibold text-xl text-purple-700 text-opacity-100">The quick brown fox jumped over the lazy dog.</p>
-    <p class="font-semibold text-xl text-purple-700 text-opacity-75">The quick brown fox jumped over the lazy dog.</p>
-    <p class="font-semibold text-xl text-purple-700 text-opacity-50">The quick brown fox jumped over the lazy dog.</p>
-    <p class="font-semibold text-xl text-purple-700 text-opacity-25">The quick brown fox jumped over the lazy dog.</p>
-    <p class="font-semibold text-xl text-purple-700 text-opacity-0">The quick brown fox jumped over the lazy dog.</p>
+    <p class="font-semibold text-xl text-purple-700 text-opacity-100">The quick brown fox jumps over the lazy dog.</p>
+    <p class="font-semibold text-xl text-purple-700 text-opacity-75">The quick brown fox jumps over the lazy dog.</p>
+    <p class="font-semibold text-xl text-purple-700 text-opacity-50">The quick brown fox jumps over the lazy dog.</p>
+    <p class="font-semibold text-xl text-purple-700 text-opacity-25">The quick brown fox jumps over the lazy dog.</p>
+    <p class="font-semibold text-xl text-purple-700 text-opacity-0">The quick brown fox jumps over the lazy dog.</p>
   </div>
 </template>
 

src/pages/docs/text-transform.mdx

@@ -20,7 +20,7 @@ Use the `normal-case` utility to preserve the original casing. This is typically
 
 ```html emerald
 <template preview>
-  <p class="normal-case text-xl text-emerald-600">The quick brown fox jumped over the lazy dog.</p>
+  <p class="normal-case text-xl text-emerald-600">The quick brown fox jumps over the lazy dog.</p>
 </template>
 
 <p class="**normal-case** ...">The quick brown fox ...</p>
@@ -32,7 +32,7 @@ Use the `uppercase` utility to uppercase text.
 
 ```html purple
 <template preview>
-  <p class="uppercase text-xl text-purple-600">The quick brown fox jumped over the lazy dog.</p>
+  <p class="uppercase text-xl text-purple-600">The quick brown fox jumps over the lazy dog.</p>
 </template>
 
 <p class="**uppercase** ...">The quick brown fox ...</p>
@@ -44,7 +44,7 @@ Use the `lowercase` utility to lowercase text.
 
 ```html rose
 <template preview>
-  <p class="lowercase text-xl text-rose-600">The quick brown fox jumped over the lazy dog.</p>
+  <p class="lowercase text-xl text-rose-600">The quick brown fox jumps over the lazy dog.</p>
 </template>
 
 <p class="**lowercase** ...">The quick brown fox ...</p>
@@ -56,7 +56,7 @@ Use the `capitalize` utility to capitalize text.
 
 ```html fuchsia
 <template preview>
-  <p class="capitalize text-xl text-fuchsia-600">The quick brown fox jumped over the lazy dog.</p>
+  <p class="capitalize text-xl text-fuchsia-600">The quick brown fox jumps over the lazy dog.</p>
 </template>
 
 <p class="**capitalize** ...">The quick brown fox ...</p>
@@ -68,7 +68,7 @@ To control the text transformation of an element at a specific breakpoint, add a
 
 ```html
 <p class="capitalize **md:uppercase** ...">
-  The quick brown fox jumped over the lazy dog.
+  The quick brown fox jumps over the lazy dog.
 </p>
 ```