fix(dropdown): fix the styles for icons with shape caret

packages/angular/projects/clr-angular/src/popover/dropdown/_dropdown.clarity.scss

@@ -28,6 +28,7 @@
         margin: 0;
       }
 
+      clr-icon[shape^='caret'],
       clr-icon[shape^='angle'] {
         position: absolute;
         top: 50%;
@@ -39,6 +40,7 @@
       // NOTE: cds-icon handles direction internally.
       // No need to translate it.
       // This results in a different top value.
+      cds-icon[shape^='caret'],
       cds-icon[shape^='angle'] {
         position: absolute;
         top: 35%;
@@ -50,6 +52,8 @@
         padding-right: $clr-btn-horizontal-padding + $clr-dropdown-caret-icon-dimension +
           $clr-dropdown-caret-left-margin;
 
+        cds-icon[shape^='caret'],
+        clr-icon[shape^='caret'],
         cds-icon[shape^='angle'],
         clr-icon[shape^='angle'] {
           right: $clr-btn-horizontal-padding;
@@ -64,6 +68,8 @@
           $clr-dropdown-active-text-color,
           $clr-use-custom-properties
         );
+        cds-icon[shape^='caret'],
+        clr-icon[shape^='caret'],
         cds-icon[shape^='angle'],
         clr-icon[shape^='angle'] {
           right: 0;