fix font in widget not showing in darkmode

packages/js/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@formbricks/js",
-  "version": "0.1.2",
+  "version": "0.1.3",
   "description": "",
   "source": "src/index.ts",
   "main": "./dist/index.cjs",

packages/js/src/components/Modal.tsx

@@ -33,7 +33,7 @@ export default function Modal({
             <button
               type="button"
               onClick={close}
-              class="fb-rounded-md fb-bg-white focus:fb-outline-none focus:fb-ring-2 focus:fb-ring-offset-2 text-slate-400 hover:text-slate-500 focus:ring-slate-500">
+              class="fb-rounded-md fb-bg-white focus:fb-outline-none focus:fb-ring-2 focus:fb-ring-offset-2 fb-text-slate-400 hover:fb-text-slate-500 focus:ring-slate-500">
               <span class="fb-sr-only">Close</span>
               <svg
                 class="fb-h-6 fb-w-6"

packages/js/src/components/SurveyView.tsx

@@ -69,7 +69,11 @@ export default function SurveyView({ config, survey, close, brandColor }: Survey
 
   return (
     <div>
-      <div className={cn(loadingElement ? "fb-animate-pulse fb-opacity-60" : "", "fb-p-4")}>
+      <div
+        className={cn(
+          loadingElement ? "fb-animate-pulse fb-opacity-60" : "",
+          "fb-p-4 fb-text-slate-800 fb-font-sans"
+        )}>
         {currentQuestion.type === "multipleChoiceSingle" ? (
           <MultipleChoiceSingleQuestion
             question={currentQuestion}