Unexpected unknown property (property-no-unknown)

[shripadk]

Not sure if this is related to #6 (please close if so) but it breaks with the following complex interpolation:

  const Button = styled.button`
    margin-${props => ((props.theme.dir === 'rtl') ? 'left' : 'right') }: 12.5px;
  `;

This is used for providing RTL support where the dir property can be set in ThemeProvider like so:

<ThemeProvider theme={{ dir: 'rtl' }}>
  <Button>Hello, World!</Button>
</ThemeProvider>

Stylelint throws the following error: Unexpected unknown property "margin-$undefined" (property-no-unknown).

[mxstbr]

Ah interesting, that's a bug that'll be interesting to fix! Mind submitting a PR with a failing test case? That'd be super helpful.

[shripadk]

Have submitted a PR with failing test cases. Let me know if you need anything else :)

[emilgoldsmith]

This should be able to be handled with an sc-custom tag as added in #70 when we publish it in the near future.