title: Does using the `css` function inside a styled component cause a performance hit?
body: <p>To get proper <strong>code completion, linting, and coloring</strong> of styled-components code using Visual Studio Code we've been using the <code>css</code> function as a template wrapper.</p>
  
  <p>Here's an example.  Notice the blue <code>css</code> functions.</p>
  
  <p><code>import styled, { css } from 'styled-components/native';</code>.</p>
  
  <p><a href="https://i.stack.imgur.com/kFxDD.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/kFxDD.png" alt="enter image description here"></a></p>
  
  <p>Without the <code>css</code> function all the css code is simply green text without any editor smarts.</p>
  
  <p>Does this have a performance impact? 
  Are we be better off foregoing the code editor conveniences and using simple template literals?</p>