Why is it not recommended to use the styled API from styled-components for Extending?

[jlison]

Source: https://rebassjs.org/extending/

I was wondering why it is not recommended to use the styled API from styled-components for Extending?

Would be doing something like this a bad idea? Why? 🙂

import React from 'react';
import {Box, Text} from 'rebass/styled-components';
import styled from 'styled-components';

// Extending from styled
const Wrapper = styled(Box)`
    position: absolute;
    top: 10%;
`;

export default function ComponentName() {
    return (
        <Wrapper>
            <Text>Hello World</Text>
        </Wrapper>
    );
}

Note: normally, I would use an sx prop instead of using styled, but I wanted to keep the example simple.