Replace deprecated button

https://gitlab.com/gitlab-org/gitlab/-/issues/219791

ee/app/assets/javascripts/dependencies/components/dependencies_actions.vue

 <script>
 import { mapActions, mapState } from 'vuex';
 import {
-  GlDeprecatedButton,
   GlButton,
   GlDeprecatedDropdown,
   GlDeprecatedDropdownItem,
@@ -14,7 +13,6 @@ import { SORT_FIELDS, SORT_ORDER } from '../store/modules/list/constants';
 export default {
   name: 'DependenciesActions',
   components: {
-    GlDeprecatedButton,
     GlButton,
     GlDeprecatedDropdown,
     GlDeprecatedDropdownItem,
@@ -90,14 +88,14 @@ export default {
           </span>
         </gl-deprecated-dropdown-item>
       </gl-deprecated-dropdown>
-      <gl-deprecated-button
+      <gl-button
         v-gl-tooltip
         :title="__('Sort direction')"
         class="flex-grow-0 js-sort-order"
         @click="toggleSortOrder"
       >
         <gl-icon :name="sortOrderIcon" />
-      </gl-deprecated-button>
+      </gl-button>
     </div>
     <gl-button
       v-gl-tooltip

ee/spec/frontend/dependencies/components/__snapshots__/dependencies_actions_spec.js.snap

@@ -56,17 +56,19 @@ exports[`DependenciesActions component matches the snapshot 1`] = `
       </gl-deprecated-dropdown-item-stub>
     </gl-deprecated-dropdown-stub>
      
-    <gl-deprecated-button-stub
+    <gl-button-stub
+      category="tertiary"
       class="flex-grow-0 js-sort-order"
-      size="md"
+      icon=""
+      size="medium"
       title="Sort direction"
-      variant="secondary"
+      variant="default"
     >
       <gl-icon-stub
         name="sort-lowest"
         size="16"
       />
-    </gl-deprecated-button-stub>
+    </gl-button-stub>
   </div>
    
   <gl-button-stub