Merge branch 'tailwind/migrate-responsive-font-weight' into 'master'

Migrate responsive font weight utils to Tailwind

See merge request https://gitlab.com/gitlab-org/gitlab/-/merge_requests/155233



Merged-by: Mark Florian <mflorian@gitlab.com>
Approved-by: Jay Montal <jmontal@gitlab.com>
Approved-by: Mark Florian <mflorian@gitlab.com>
Co-authored-by: lorenzvanherwaarden <lvanherwaarden@gitlab.com>

app/assets/javascripts/vue_shared/components/usage_quotas/usage_banner.vue

@@ -56,7 +56,7 @@ export default {
                 'right-primary-text'
               ]
             "
-            class="gl-display-flex gl-align-items-center gl-sm-text-body gl-sm-font-weight-bold gl-min-h-6"
+            class="gl-display-flex gl-align-items-center gl-sm-text-body sm:gl-font-bold gl-min-h-6"
           >
             <slot name="right-primary-text"></slot>
           </div>

app/assets/javascripts/work_items/components/item_title.vue

@@ -28,7 +28,7 @@ export default {
     headerClasses() {
       return this.useH1
         ? 'gl-w-full gl-font-size-h-display gl-m-0!'
-        : 'gl-font-normal gl-sm-font-weight-bold gl-mb-1 gl-mt-0 gl-w-full';
+        : 'gl-font-normal sm:gl-font-bold gl-mb-1 gl-mt-0 gl-w-full';
     },
   },
   methods: {

app/assets/javascripts/work_items/components/work_item_title.vue

@@ -59,7 +59,7 @@ export default {
   <h1
     v-else
     data-testid="work-item-title"
-    class="gl-w-full gl-font-normal gl-sm-font-weight-bold gl-mb-1 gl-mt-0 gl-font-size-h-display"
+    class="gl-w-full gl-font-normal sm:gl-font-bold gl-mb-1 gl-mt-0 gl-font-size-h-display"
   >
     {{ title }}
   </h1>