diff --git a/UNRELEASED.md b/UNRELEASED.md
index a4ed29522fe..18413e9b474 100644
--- a/UNRELEASED.md
+++ b/UNRELEASED.md
@@ -6,6 +6,7 @@ Use [the changelog guidelines](/documentation/Versioning%20and%20changelog.md) t
 
 - Removed filter sass function and color-icon() mixin ([#4676](https://github.com/Shopify/polaris-react/pull/4676))
 - Renamed `--p-duration-1-0-0` and `--p-duration-1-5-0` to `--p-duration-100` and `--p-duration-150`.
+- Removed custom and unnecessary font weight properties ([#4687](https://github.com/Shopify/polaris-react/pull/4687))
 - Removed miscellaneous css custom properties ([#4686](https://github.com/Shopify/polaris-react/pull/4686))
 
 ### Enhancements
diff --git a/documentation/Color system.md b/documentation/Color system.md
index f6ea090d71d..9f9f36c4305 100644
--- a/documentation/Color system.md	
+++ b/documentation/Color system.md	
@@ -273,7 +273,6 @@ Used to decorate elements where color does convey a specific meaning in componen
 | `--p-button-inner-shadow`                 | `inset 0 -1px 0 rgba(0, 0, 0, 0.2)`                                                                          |
 | `--p-button-pressed-inner-shadow`         | `inset 0 1px 0 rgba(0, 0, 0, 0.15)`                                                                          |
 | `--p-override-loading-z-index`            | `514`                                                                                                        |
-| `--p-button-font-weight`                  | `500`                                                                                                        |
 | `--p-choice-size`                         | `2rem`                                                                                                       |
 | `--p-icon-size`                           | `1rem`                                                                                                       |
 | `--p-choice-margin`                       | `0.1rem`                                                                                                     |
@@ -294,4 +293,3 @@ Used to decorate elements where color does convey a specific meaning in componen
 | `--p-ease`                                | `cubic-bezier(0.4, 0.22, 0.28, 1)`                                                                           |
 | `--p-range-slider-thumb-size-base`        | `1.6rem`                                                                                                     |
 | `--p-range-slider-thumb-size-active`      | `2.4rem`                                                                                                     |
-| `--p-badge-font-weight`                   | `400`                                                                                                        |
diff --git a/src/components/TextField/TextField.scss b/src/components/TextField/TextField.scss
index f33244610c3..6197e8f03b3 100644
--- a/src/components/TextField/TextField.scss
+++ b/src/components/TextField/TextField.scss
@@ -100,9 +100,7 @@ $stacking-order: (
   padding: control-vertical-padding() $backdrop-horizontal-spacing;
   background: none;
   border: border(transparent);
-  font-family: inherit;
-  font-size: inherit;
-  font-weight: inherit;
+  font-family: font-family();
   appearance: none;
   caret-color: var(--p-text);
   color: var(--p-text);
diff --git a/src/utilities/theme/tokens.ts b/src/utilities/theme/tokens.ts
index d933920813a..fc875121131 100644
--- a/src/utilities/theme/tokens.ts
+++ b/src/utilities/theme/tokens.ts
@@ -25,7 +25,6 @@ export const Tokens = {
 
   // Overrides
   overrideLoadingZIndex: '514',
-  buttonFontWeight: '500',
   choiceSize: rem('20px'),
   iconSize: rem('10px'),
   choiceMargin: rem('1px'),
@@ -46,7 +45,6 @@ export const Tokens = {
   ease: 'cubic-bezier(0.4, 0.22, 0.28, 1)',
   rangeSliderThumbSizeBase: rem('16px'),
   rangeSliderThumbSizeActive: rem('24px'),
-  badgeFontWeight: '400',
 };
 
 function rem(px: string) {