Template literal with curly brace and newline triggers a 'semi-colon expected' error

Verified that code compiles and renders in the browser with no issues.

I’m using multiple embedded strings in a template literal for the transition property, and the plugin has no problem when everything is on the same line:

My code formatter automatically transforms the string to take up two lines, and that’s when I get errors (on lines 91 and 93):

Possibly related to #74 and #71

[snehalbaghel]

@mjbvz If you can point me to where the fix needs to be done I can make a PR.

[stanislawdera]

I’m getting the same issue now. Is that related?

export const Wrapper = styled.div`
  background-color: red;

  div {
    padding: ${({ theme }) => theme.spacing.md}
      ${({ theme }) => theme.spacing.sm};
  }
`

When I remove the newline everything starts working:

padding: ${({ theme }) => theme.spacing.md} ${({ theme }) => theme.spacing.sm}; // works

// produces error
padding: ${({ theme }) => theme.spacing.md}
  ${({ theme }) => theme.spacing.sm};

Is there any way to fix it (after 2 years since last comment on this issue)?