Declarations that use interpolations with Props seem to be ignored

Emotion allows changing styles based on Props ( https://emotion.sh/docs/styled#changing-based-on-props ).
Right now declarations using this synthax seem to be ignored by the linter.

I think that for example the following cases should result in an error:

Example 1:
https://stylelint.io/user-guide/rules/declaration-block-no-duplicate-properties

```
const Button = styled.button`
color: ${props => (props.primary ? 'hotpink' : 'turquoise')};
color: ${props => (props.primary ? 'hotpink' : 'turquoise')};
`
```

Example 2:
https://stylelint.io/user-guide/rules/color-no-invalid-hex

```
const Button = styled.button`
color: ${(props) => (props.primary ? '#f00' : '#00')};
`;
```

この issue は、styled-components で Props を使う補間を含むスタイル宣言を linter が無視することに関するものです。postcss-styled-components syntax plugin の parser を調べ、template literal の補間を現在どのように処理しているかを確認してください。Props が使われている場合に、重複プロパティと無効な16進カラーのルールが検出されることを検証するテストケースを追加してください。styled-components のパースに関する既存の例がないか、テストスイートを確認してください。

索引モデルが issue の本文から書いたものです。