fix(material/list): nav list item border-radius (#28789)

* fix(material/list): nav list item border-radius

* https://m2.material.io/components/navigation-drawer#states
* https://m3.material.io/components/navigation-drawer/specs

* fixup! fix(material/list): nav list item border-radius

* fixup! fix(material/list): nav list item border-radius

(cherry picked from commit 7165a45)

Author: wagnermaciel

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

@@ -10,7 +10,7 @@ $prefix: (mat, list);
   @return (
     // active indicator themable with M3
     active-indicator-color: transparent,
-    active-indicator-shape: 0,
+    active-indicator-shape: 4px,
   );
 }
 

src/material/list/list.scss

@@ -200,18 +200,21 @@ mat-action-list button {
   }
 }
 
-@include token-utils.use-tokens(m2-mat-list.$prefix,
-  m2-mat-list.get-token-slots()) {
+@include token-utils.use-tokens(m2-mat-list.$prefix, m2-mat-list.get-token-slots()) {
   .mdc-list-item--with-leading-icon .mdc-list-item__start {
     @include token-utils.create-token-slot(margin-inline-start, list-item-leading-icon-start-space);
     @include token-utils.create-token-slot(margin-inline-end, list-item-leading-icon-end-space);
   }
 
-  a.mdc-list-item.mdc-list-item--activated {
-    @include token-utils.create-token-slot(background-color, active-indicator-color);
-    // active-indicator-shape overrides list-item-container-shape
-    &.mdc-list-item {
-      @include token-utils.create-token-slot(border-radius, active-indicator-shape);
+  .mat-mdc-nav-list .mat-mdc-list-item {
+    @include token-utils.create-token-slot(border-radius, active-indicator-shape);
+    @include token-utils.create-token-slot(
+      --mat-mdc-focus-indicator-border-radius,
+      active-indicator-shape
+    );
+
+    &.mdc-list-item--activated {
+      @include token-utils.create-token-slot(background-color, active-indicator-color);
     }
   }
 }