Fix tailwind parser to capture more css files and optimize package.json

[DanielBelmes]

Summary

Found a way to easily use the postcss generated <style> tags within shadow doms. However, we need to configure tailwind in order to see the classes used so it can generate them

Bonus: Fixed some bad npm package installs

References

#8135

How to use after merge

// @ts-ignore
import base from '@etherealengine/client/src/themes/base.css?inline'
// @ts-ignore
import components from '@etherealengine/client/src/themes/components.css?inline'
// @ts-ignore
import utilities from '@etherealengine/client/src/themes/utilities.css?inline'
import React from 'react'

const GalleryUI: React.FC = () => {
  return (
    <>
      <style type="text/css">{base.toString()}</style>
      <style type="text/css">{components.toString()}</style>
      <style type="text/css">{utilities.toString()}</style>
      <div className="flex w-56 h-56 text-9xl text-white">Hello World</div>
    </>
  )
}
export default GalleryUI```