Wrong colors are used for BaseDropdownItem

[MrVladis1av]

When I use a template from documentation for BaseDropdown and use a danger color for the BaseDropdownItem, it's shown as a blue one(potentially info color).

Reproducible on newly created Nuxt project with shuriken-ui dependency only.

Code:

    <BaseDropdownItem to="#" title="Profile" text="View your profile" color="primary" rounded="sm">
      <template #start>
        <Icon name="ph:user-duotone" class="me-2 block h-5 w-5" />
      </template>
    </BaseDropdownItem>
    <BaseDropdownItem to="#" title="Projects" text="View your projects" color="primary" rounded="sm">
      <template #start>
        <Icon name="ph:briefcase-duotone" class="me-2 block h-5 w-5" />
      </template>
    </BaseDropdownItem>
    <BaseDropdownItem to="#" title="Team" text="Manage your team" color="primary" rounded="sm">
      <template #start>
        <Icon name="ph:users-four-duotone" class="me-2 block h-5 w-5" />
      </template>
    </BaseDropdownItem>
    <BaseDropdownDivider />
    <BaseDropdownItem to="#" title="Settings" text="Set your preferences" color="danger" rounded="sm">
      <template #start>
        <Icon name="ph:gear-six-duotone" class="me-2 block h-5 w-5" />
      </template>
    </BaseDropdownItem>
  </BaseDropdown>