fix more variable names

Author: sharhio

app/component/date-select-grouped.scss

@@ -18,19 +18,19 @@
 
   .date-select-wrapper--menu-open {
     outline: none;
-    border-color: $primary-color;
+    border-color: $theme-primary-color;
     background: $white;
-    border: 1px solid $primary-color;
+    border: 1px solid $theme-primary-color;
     box-shadow: 0 0 3px 0 $theme-secondary-color;
     border-radius: var(--space-xs);
   }
 
   .date-select-wrapper {
     &:focus {
       outline: none;
-      border-color: $primary-color;
+      border-color: $theme-primary-color;
       background: $white;
-      border: 1px solid $primary-color;
+      border: 1px solid $theme-primary-color;
       box-shadow: 0 0 3px 0 $theme-secondary-color;
       border-radius: var(--space-xs);
     }
@@ -116,7 +116,7 @@
     margin-right: 0; // control padding provides the gap
 
     .dropdown-arrow {
-      color: $primary-color;
+      color: $theme-primary-color;
       width: 16px;
       height: 16px;
       transform-origin: center;
@@ -245,7 +245,7 @@
     align-items: center;
     justify-content: center;
     flex-shrink: 0;
-    color: $primary-color;
+    color: $theme-primary-color;
 
     svg {
       width: 16px;