fix(material/paginator): added density tokens

added density tokens for paginator touch target

Fixes b/225394124

Author: DBowen33

src/material/core/tokens/_density.scss

@@ -120,6 +120,7 @@ $_density-tokens: (
     container-size: (56px, 52px, 48px, 40px),
     form-field-container-height: (40px, 40px, 40px, 40px, 40px, 36px),
     form-field-container-vertical-padding: (8px, 8px, 8px, 8px, 8px, 6px),
+    touch-target-display: (block, block, none, none),
   ),
   (mat, radio): (
     touch-target-display: (block, block, none, none),

src/material/core/tokens/m2/mat/_paginator.scss

@@ -69,6 +69,7 @@ $prefix: (mat, paginator);
     container-size: map.get($size-scale, $density-scale),
     form-field-container-height: $form-field-height,
     form-field-container-vertical-padding: $form-field-vertical-padding,
+    touch-target-display: if($density-scale < -2, none, block),
   );
 }
 

src/material/paginator/paginator.scss

@@ -136,6 +136,10 @@ $button-icon-size: 28px;
 }
 
 .mat-mdc-paginator-touch-target {
+  @include token-utils.use-tokens(tokens-mat-paginator.$prefix, tokens-mat-paginator.get-token-slots()) {
+    @include token-utils.create-token-slot(display, touch-target-display);
+  }
+
   position: absolute;
   top: 50%;
   left: 50%;