fix(Pagination): sync styles between v10 and v11 (#10638)

Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>

packages/styles/scss/components/pagination/_pagination.scss

@@ -81,12 +81,21 @@
   }
 
   .#{$prefix}--pagination .#{$prefix}--select-input {
+    @include type-style('body-compact-01');
+
     width: auto;
     min-width: auto;
     height: 100%;
     line-height: rem(40px);
   }
 
+  // Extra specificity is needed to preserve padding
+  .#{$prefix}--pagination
+    .#{$prefix}--select--inline
+    .#{$prefix}--select-input {
+    padding: 0 2.25rem 0 $spacing-05;
+  }
+
   .#{$prefix}--pagination--sm .#{$prefix}--select-input {
     line-height: rem(32px);
   }
@@ -95,16 +104,13 @@
     line-height: rem(48px);
   }
 
-  .#{$prefix}--pagination
-    .#{$prefix}--select--inline
-    .#{$prefix}--select-input {
-    padding: 0 2.25rem 0 $spacing-05;
-  }
-
   .#{$prefix}--pagination .#{$prefix}--select-input:hover {
     background: $layer-hover;
   }
 
+  .#{$prefix}--pagination
+    .#{$prefix}--select--inline
+    .#{$prefix}--select-input:focus,
   .#{$prefix}--pagination
     .#{$prefix}--select--inline
     .#{$prefix}--select-input:focus