add all fontsizes + update example

Author: siddharthkp

packages/common/src/design-language/typography.ts

@@ -4,6 +4,11 @@ export const fontSizes = [
   11,
   13,
   16,
+  19,
+  24,
+  28,
+  33,
+  40,
 ];
 
 export const fontWeights = {

packages/components/src/components/Example/index.tsx

@@ -1,10 +1,14 @@
 import React from 'react';
 import styled from 'styled-components';
+import css from '@styled-system/css';
 import { Element } from '../Element';
 
-const H1 = styled(Element).attrs({ as: 'h1' })`
-  color: red;
-`;
+const H1 = styled(Element).attrs({ as: 'h1' })(
+  css({
+    color: 'reds.500',
+    fontSize: 7,
+  })
+);
 
 const ExampleComponent = () => <H1>I am an example component</H1>;