Remove usage of non-pure css tags (like :global)

[devinmatte]

NextJS requires we have pure css loading, so we are not supposed to be able to use :global and :root: but we have added a hack in the next config. We should clean up the css so we no longer need :global so we can remove the hack and upgrade nextjs to newer releases