Merge branch 'next_major' into remove_break_word

Author: jonrohan

.github/workflows/welcome.yml

@@ -4,7 +4,7 @@ on:
 
 jobs:
   release-template:
-    if: ${{ github.head_ref == 'changeset-release/main' }}
+    if: ${{ github.head_ref == 'changeset-release/main' || github.head_ref == 'changeset-release/next_major' }}
     runs-on: ubuntu-latest
     steps:
       - name: Checkout repository

docs/content/utilities/typography.md

@@ -110,12 +110,12 @@ Change the font weight, styles, and alignment with these utilities.
 ## Word-break
 There are two utilities for adjusting how lines and words of text break when they exceed the width of their containing element:
 
-1. `break-word` sets `word-break: break-word` and `overflow-wrap: break-word`, which will only break words if they would exceed the line length _after wrapping_.
+1. `wb-break-word` sets `word-break: break-word` and `overflow-wrap: break-word`, which will only break words if they would exceed the line length _after wrapping_.
 
 2. `wb-break-all` sets `word-break: break-all`, which will force a word to break regardless of whether it's shorter than the line length. See [MDN's `word-break` docs](https://developer.mozilla.org/en-US/docs/Web/CSS/word-break#Values) for more info.
 
 ```html live
-<p class="break-word p-2 color-bg-secondary col-3 border-right">.break-word will only break long words that exceed the line length, such as supercalifragilisticexpialidocious. Long words like "exceedingly" will simply break to the next line.</p>
+<p class="wb-break-word p-2 color-bg-secondary col-3 border-right">.wb-break-word will only break long words that exceed the line length, such as supercalifragilisticexpialidocious. Long words like "exceedingly" will simply break to the next line.</p>
 <p class="wb-break-all p-2 color-bg-secondary col-3 border-right">.wb-break-all will break any word that meets the end its line, and should be used sparingly. As you can see here, it's not particularly nice to read text that breaks in weird places.</p>
 ```
 

src/marketing/buttons/button.scss

@@ -4,7 +4,7 @@
   display: inline-block;
   appearance: none !important;
   // stylelint-disable-next-line primer/spacing
-  padding: .9rem 1.5rem 1.1rem;
+  padding: 0.9rem 1.5rem 1.1rem;
   // stylelint-disable-next-line primer/typography
   font-size: 1rem;
   font-weight: $font-weight-bold;
@@ -14,7 +14,7 @@
   user-select: none;
   border: 0;
   // stylelint-disable-next-line primer/borders
-  border-radius: .375rem;
+  border-radius: 0.375rem;
 
   @include btn-solid-mktg(
     var(--color-mktg-btn-text),
@@ -34,7 +34,7 @@
     z-index: -1;
     content: "";
     // stylelint-disable-next-line primer/borders
-    border-radius: .375rem;
+    border-radius: 0.375rem;
     opacity: 0;
     transition: opacity 0.4s;
   }
@@ -97,7 +97,7 @@
 
 .btn-small-mktg {
   // stylelint-disable-next-line primer/spacing
-  padding: .625rem 1rem .8125rem;
+  padding: 0.625rem 1rem 0.8125rem;
 }
 
 .btn-large-mktg {