在带有样式化组件的媒体模板中使用功能

Question

我正在与styled-components合作，并尝试在媒体模板中使用功能。

那是媒体模板：

const media: any = {
  desktop: (args: TemplateStringsArray) => {
    return css`
      @media (min-width: 1024px) {
        ${css(args)};
      }
    `
  }
}

以及用法，我想在媒体模板中使用功能：

const Wrapper = styled<any, any>('div')`
border: 5px;
${media.desktop`
    background-size: 100vh;
    background-image: ${() => { console.log('this does not work'); return ''}}
`};
background-image: ${() => { console.log('this works!'); return ''}}
`

那么，媒体模板中的功能是否可行，语法又如何？