Import tailwindcss directly

This is recommended in the docs

Author: JingMatrix

components/ChromeXt/manager.vue

@@ -80,7 +80,7 @@ onMounted(() => {
 </script>
 
 <style lang="postcss" scoped>
-@reference "tailwindcss/theme.css";
+@reference "tailwindcss";
 
 h1 {
 	@apply text-center text-2xl py-8;

components/chat/connect.vue

@@ -58,7 +58,7 @@ function savename() {
 </script>
 
 <style lang="postcss" scoped>
-@reference "tailwindcss/theme.css";
+@reference "tailwindcss";
 
 .headtext {
 	@apply font-semibold text-lg my-3 min-w-[64] pl-5;

components/layouts/header.vue

@@ -46,7 +46,7 @@ function formatDateByLocale(date: Date, lang: string) {
 </script>
 
 <style lang="postcss" scoped>
-@reference "tailwindcss/theme.css";
+@reference "tailwindcss";
 
 h1 {
     @apply text-3xl text-center pb-16;

content/en/writing/2019-12-21-Workflow.md

@@ -93,7 +93,7 @@ For `wayland` users, I have a `zsh` function in
 <!-- see [my instruction](https://github.com/JingMatrix/Shell/blob/master/toc/README.md) for details. -->
 
 <style scoped>
-@reference "tailwindcss/theme.css";
+@reference "tailwindcss";
 input:focus {
     @apply shadow-md
 }