title: Changing a css variable in styled components from a React props
body: <p>I am using CSS grid to create a dynamic table. The number of columns and rows are dynamic and are based on props I get from an higher component in React.</p>
  
  <p>How can I change a css variable inside a styled component (emotion) to the data I get from a React props?</p>