export const focusVisible = element => {
  if (element.type === 'rule' && element.value.includes(':focus-visible')) {
    if (typeof element.props === 'string') element.props = [element.props];
    element.props = element.props.map(prop => {
      const poly = prop.replace(/:focus-visible/g, '[data-focus-visible-added]');
      return `${prop}, ${poly}`;
    });
  }
  return undefined;
};