Display text weight typography helpers

Noticed the text weight was all strong in the docs for each text weight. Instead I think it would be nice for folks to be able to see the difference in text weight.

docs/documentation/helpers/typography-helpers.html

@@ -361,26 +361,26 @@
   </tr>
   </thead>
   <tbody>
-  <tr>
-    <td><code>has-text-weight-light</code></td>
-    <td>Transforms text weight to <strong>light</strong></td>
-  </tr>
-  <tr>
-    <td><code>has-text-weight-normal</code></td>
-    <td>Transforms text weight to <strong>normal</strong></td>
-  </tr>
-  <tr>
-    <td><code>has-text-weight-medium</code></td>
-    <td>Transforms text weight to <strong>medium</strong></td>
-  </tr>
-  <tr>
-    <td><code>has-text-weight-semibold</code></td>
-    <td>Transforms text weight to <strong>semi-bold</strong></td>
-  </tr>
-  <tr>
-    <td><code>has-text-weight-bold</code></td>
-    <td>Transforms text weight to <strong>bold</strong></td>
-  </tr>
+    <tr>
+      <td><code>has-text-weight-light</code></td>
+      <td>Transforms text weight to <span class="has-text-weight-light">light</span></td>
+    </tr>
+    <tr>
+      <td><code>has-text-weight-normal</code></td>
+      <td>Transforms text weight to <span class="has-text-weight-normal">normal</span></td>
+    </tr>
+    <tr>
+      <td><code>has-text-weight-medium</code></td>
+      <td>Transforms text weight to <span class="has-text-weight-medium">medium</span></td>
+    </tr>
+    <tr>
+      <td><code>has-text-weight-semibold</code></td>
+      <td>Transforms text weight to <span class="has-text-weight-semibold">semi-bold</span></td>
+    </tr>
+    <tr>
+      <td><code>has-text-weight-bold</code></td>
+      <td>Transforms text weight to <span class="has-text-weight-bold">bold</span></td>
+    </tr>
   </tbody>
 </table>