feat(markdown): move styles (#22)

Author: Bas950

packages/discord-user-card/src/styles/components/index.scss

@@ -5,7 +5,7 @@
 @import "./clan.scss";
 @import "./customStatus.scss";
 @import "./emoji.scss";
-@import "./markdown/markdown.scss";
+@import "../../../node_modules/@discord-user-card/markdown/lib/style.scss";
 @import "./profile.scss";
 @import "./profileEffect.scss";
 @import "./roles.scss";

packages/markdown/README.md

@@ -29,3 +29,12 @@ console.log(toHTML(markdown)); // string (Raw HTML)
 // Parse markdown and get the rerender interval (some markdown elements need to be rerendered periodically to work properly)
 console.log(rerenderInterval(markdown)); // number | undefined (Interval in milliseconds, undefined if no interval)
 ```
+
+You can also import the styles from the package:
+
+```TypeScript
+// css
+import "@discord-user-card/markdown/style.css";
+// scss
+import "@discord-user-card/markdown/style.scss";
+```

packages/markdown/package.json

@@ -15,7 +15,9 @@
 			"types": "./lib/index.d.ts",
 			"import": "./lib/index.js",
 			"require": "./lib/index.js"
-		}
+		},
+		"./style.css": "./lib/style.css",
+		"./style.scss": "./lib/style.scss"
 	},
 	"main": "./lib/index.js",
 	"module": "./lib/index.js",
@@ -24,13 +26,22 @@
 		"lib"
 	],
 	"scripts": {
-		"build": "tsc",
-		"dev": "tsc -w"
+		"dev:ts": "tsc -w",
+		"dev:css": "sass src/styles/index.scss:lib/style.css --watch",
+		"dev:scss": "sass src/styles/index.scss lib/style.scss --watch",
+		"build:ts": "tsc",
+		"build:css": "sass src/styles/index.scss lib/style.css",
+		"build:scss": "sass src/styles/index.scss lib/style.scss",
+		"dev": "pnpm dev:ts & pnpm dev:css & pnpm dev:scss",
+		"build": "pnpm build:ts && pnpm build:css && pnpm build:scss"
 	},
 	"dependencies": {
 		"@discord-user-card/core": "workspace:*",
 		"@discord-user-card/emojis": "workspace:*",
 		"highlight.js": "^11.10.0",
 		"simple-markdown": "^0.7.3"
+	},
+	"devDependencies": {
+		"sass": "^1.77.8"
 	}
 }