CSS Fallback values do not work

[miroslavstastny]

Bug Report

Steps

import React from 'react'
import { Menu, Provider } from '@stardust-ui/react'

const items = [
  { key: 'editorials', content: 'Editorials' },
  { key: 'review', content: 'Reviews' },
  { key: 'events', content: 'Upcoming Events' },
]

const MenuExamplePrimary = () => (
  <Provider theme={{
    componentStyles: {
      MenuItem: {
        root: {
          border: '2px solid gray',
          borderColor: ['red', 'blue'],
        }
      }
    }
  }}>
    <Menu defaultActiveIndex={0} items={items} primary />
  </Provider>
)

export default MenuExamplePrimary

Expected Result

MenuItem::a has following styles:

border-color: red;
border-color: blue;

Actual Result

Version

0.14.0