fix(components/indicators): use attribute binding on the tokens component to avoid duplicate 'role' values (#803)

Author: Blackbaud-SteveBrush

.nvmrc

@@ -1 +1 @@
-16.18
+16.18.1

libs/components/indicators/src/lib/modules/tokens/tokens.component.html

@@ -3,14 +3,18 @@
   [@blockAnimationOnLoad]
   [attr.role]="tokens.length ? 'grid' : null"
 >
+  <!--
+      The role must use square brackets otherwise Angular sets the native 'role'
+      attribute as well as the input attribute of the token, which fails accessibility rules.
+    -->
   <sky-token
     *ngFor="let token of tokens; let i = index; trackBy: trackTokenFn"
-    role="row"
     [@.disabled]="!trackWith"
     [@dismiss]
     [disabled]="disabled"
     [dismissible]="dismissible"
     [focusable]="focusable"
+    [role]="'row'"
     (dismiss)="removeToken(token)"
     (click)="onTokenClick(token)"
     (keydown)="onTokenKeyDown($event)"