Как добавить эффект обводки текста в Ant-design Icon, используя styled-components (пример в Sandbox)?

Question

Я хочу добавить эффект контура текста в мой дизайн муравьев Icon.

Мой текущий код следующий:

import React from "react";
import { render } from "react-dom";
import { Icon } from 'antd';
import styled from 'styled-components';

const MyIcon = styled(Icon)`
  font-size: 4rem;
  color: lightgrey;
  -webkit-text-stroke: 1px black;
`;


const App = () => (
  <MyIcon type="arrows-alt"/>
);

render(<App />, document.querySelector("#root"));

Цвет lightgrey применяется, но почему-то я не могу его добавить, чтобы добавить функцию text-stroke.

У меня есть Кодовая песочница , иллюстрирующая проблему.