Merge branch '219852-deprecated-button' into 'master'

Update deprecated button on pipeline security table

See merge request gitlab-org/gitlab!49620

changelogs/unreleased/219852-deprecated-button.yml

+---
+title: Update deprecated button on pipeline security table
+merge_request: 49620
+author:
+type: changed

ee/app/assets/javascripts/security_dashboard/components/security_dashboard_table_row.vue

 <script>
 import { mapActions, mapState } from 'vuex';
 import {
-  GlDeprecatedButton,
+  GlButton,
   GlFormCheckbox,
   GlDeprecatedSkeletonLoading as GlSkeletonLoading,
   GlSprintf,
@@ -17,7 +17,7 @@ import { DASHBOARD_TYPES } from '../store/constants';
 export default {
   name: 'SecurityDashboardTableRow',
   components: {
-    GlDeprecatedButton,
+    GlButton,
     GlFormCheckbox,
     GlSkeletonLoading,
     GlSprintf,
@@ -128,12 +128,12 @@ export default {
       >
         <gl-skeleton-loading v-if="isLoading" class="mt-2 js-skeleton-loader" :lines="2" />
         <template v-else>
-          <gl-deprecated-button
+          <gl-button
             ref="vulnerability-title"
-            class="d-inline gl-reset-line-height gl-reset-text-align gl-white-space-normal"
-            variant="blank"
+            class="text-body"
+            variant="link"
             @click="openModal({ vulnerability })"
-            >{{ vulnerability.name }}</gl-deprecated-button
+            >{{ vulnerability.name }}</gl-button
           >
           <template v-if="isDismissed">
             <gl-icon