refactor: remove scss from PackageList component

src/components/PackageList/PackageList.tsx

@@ -7,8 +7,7 @@ import Help from '../Help';
 import { formatLicense } from '../../utils/package';
 import { PackageInterface } from '../Package/Package';
 
-// @ts-ignore
+import * as classes from './styles';
-import classes from './packageList.scss';
 
 interface Props {
   packages: PackageInterface[];

src/components/PackageList/packageList.scss

@@ -1,12 +0,0 @@
-@import '../../styles/mixins';
-
-.pkgContainer {
-  margin: 0;
-  padding: 0;
-
-  .listTitle {
-    font-weight: $font-weight-regular;
-    font-size: $font-size-xl;
-    margin: 0 0 10px 0;
-  }
-}

src/components/PackageList/styles.ts

@@ -0,0 +1,17 @@
+import { css } from 'emotion';
+import { fontWeight, fontSize } from '../../utils/styles/sizes';
+
+export const listTitle = css({
+  fontWeight: fontWeight.regular,
+  fontSize: fontSize.xl,
+  margin: `0 0 10px 0`,
+});
+
+export const pkgContainer = css`
+  margin: 0;
+  padding: 0;
+
+  & .listTitle {
+    ${listTitle}
+  }
+`;