Emotion pseudo selector content props issue

Description

CSS에서 :before의 content를 명시해줄 때, ''로 감싸준다. styled-component에서는 다음과 같이 작성될 수 있다.

const Something = styled.div`
  position: relative;
  :before {
    content: '1';
    position: absolute;
  }
`;

이 content를 props로 받아서 동적으로 변경해주고 싶을 땐 어떻게 할 수 있을까?

const Something = styled.div<{ id: number }>`
  position: relative;
  :before {
    content: '${props => props.id}';
    position: absolute;
  }
`;

${props => props.id} 이렇게만 작성하면 안 되고 꼭 ', '로 감싸줘야 한다.