Переопределить CSS класс со стилизованными компонентами?

Question

У меня есть компонент, который рендерится с использованием внутренней таблицы стилей, я бы хотел переопределить класс стилизованными компонентами, потому что я хотел бы дать ему пользовательские значения цвета из тем стилизованных компонентов.

У меня есть следующее:

const TSRoot = styled.span`
  .rc-tree-select-tree-node-selected {
    border: 10px black solid !important;
  }
`

<TSRoot>
    <TS
      style={{ width: 300 }}
      transitionName="rc-tree-select-dropdown-slide-up"
      choiceTransitionName="rc-tree-select-selection__choice-zoom"

      dropdownStyle={{ maxHeight: 200, overflow: 'auto' }}
      placeholder={<i>请下拉选择</i>}
      searchPlaceholder="please search"
      multiple
      treeNodeLabelProp="label"
      treeNodeFilterProp="label"
      allowClear
      className="rc-tree-select"
      treeData={[
        {
          title: <Label><b>Hello</b></Label>,
          selectable: true,
          label: <Label>Hello</Label>,
          checkable: true,
          key: 'hello',
          value: 'hello',
          children: [
            {
              title: "There",
              value: "there",
              checkable: true,
              label: <Label>There</Label>,
            }
          ]
        }
      ]}

    />
  </TSRoot>

К сожалению, вышеприведенное не работает.