am having difficulty while setting lsp with tailwind css in emacs ,is there something wron in my config or tialwind css doesnt work in emacs?

Having difficulty while setting lsp with tailwind css

when i open any tailwind css related files it doesnt give an explanation

is there something am missing?

i followed this site https://github.com/merrickluo/lsp-tailwindcss instructed me to do but i couldn't get it work. my project is next js project if that helps. i also chaged the variable default lsp-tailwindcss-major-modes to js-jsx-mode if there is somthing that i am missing pls let me know am also new comer to emacs and stupid things may confuse me

(set-face-attribute 'default nil :font "JetBrains Mono" :height 128)

(setq package-archives '(("melpa" . "https://melpa.org/packages/")
			 ("org" . "https://orgmode.org/elpa")
			 ("elpa" . "https://elpa.gnu.org/packages/")))

(package-initialize)
(unless package-archive-contents
  (package-refresh-contents))

(unless (package-installed-p 'use-package)
  (package-install 'use-package))

(setq use-package-always-ensure t)
(use-package json-mode)


(custom-set-variables
 ;; custom-set-variables was added by Custom.
 ;; If you edit it by hand, you could mess it up, so be careful.
 ;; Your init file should contain only one such instance.
 ;; If there is more than one, they won't work right.
 '(package-selected-packages
   '(json-mode lsp-treemacs lsp-ivy lsp-tailwindcss lsp-mode gcmh company company-mode evil evil-mode use-package)))
(custom-set-faces
 ;; custom-set-faces was added by Custom.
 ;; If you edit it by hand, you could mess it up, so be careful.
 ;; Your init file should contain only one such instance.
 ;; If there is more than one, they won't work right.
 )


(use-package evil
:config (evil-mode 1)
  )


(use-package company
  :config (global-company-mode t)
  )


(use-package gcmh
  :config (gcmh-mode 1)
  )

lsp mode is here

(use-package lsp-mode)
(use-package lsp-tailwindcss
  :init
  (setq lsp-tailwindcss-add-on-mode t)
)
 (load-theme 'tango-dark)


(use-package lsp-ivy :commands lsp-ivy-workspace-symbol)
(use-package lsp-treemacs :commands lsp-treemacs-errors-list)

(setq lsp-log-io nil)
(setq read-process-output-max (* 1024 1024)) ;; 1mb
(setq create-lockfiles nil)
(fset #'jsonrpc--log-event #'ignore)


(advice-add 'jsonrpc--log-event :override #'ignore)

(use-package rjsx-mode)

(use-package lsp-tailwindcss
  :init
  (setq lsp-tailwindcss-add-on-mode t)
)
 (load-theme 'tango-dark)


(use-package lsp-ivy :commands lsp-ivy-workspace-symbol)
(use-package lsp-treemacs :commands lsp-treemacs-errors-list)

(setq lsp-log-io nil)
(setq read-process-output-max (* 1024 1024)) ;; 1mb
(setq create-lockfiles nil)
(fset #'jsonrpc--log-event #'ignore)


(advice-add 'jsonrpc--log-event :override #'ignore)