Add text wrapping utilities in Sass utilities API in the docs

Author: julien-deramond

scss/_utilities.scss

@@ -689,11 +689,13 @@ $utilities: map.merge(
       values: lowercase uppercase capitalize
     ),
     // scss-docs-end utils-text-transform
+    // scss-docs-start utils-text-wrap
     "text-wrap": (
       property: text-wrap,
       class: text,
       values: wrap nowrap balance pretty,
     ),
+    // scss-docs-end utils-text-wrap
     // scss-docs-start utils-text-break
     "word-wrap": (
       property: word-wrap word-break,

site/src/content/docs/utilities/text-wrapping.mdx

@@ -40,18 +40,6 @@ Prevent long strings of text from breaking your components' layout by using `.te
 
 Text wrapping utilities are declared in our utilities API in `scss/_utilities.scss`. [Learn how to use the utilities API.]([[docsref:/utilities/api#using-the-api]])
 
-```scss
-"white-space": (
-  property: white-space,
-  class: text,
-  values: (
-    wrap: normal,
-    nowrap: nowrap,
-  )
-),
-"word-wrap": (
-  property: word-wrap word-break,
-  class: text,
-  values: (break: break-word),
-),
-```
+<ScssDocs name="utils-text-wrap" file="scss/_utilities.scss" />
+
+<ScssDocs name="utils-text-break" file="scss/_utilities.scss" />