docs: update TailwindCSS usage instructions and fix Divider component styles

Author: Innei

demo/app/(mdx)/quick-start/page.mdx

@@ -46,7 +46,7 @@ import { ModalStackContainer } from "rc-modal-sheet/m"
 const App = () => <ModalStackContainer>{children}</ModalStackContainer>
 ```
 
-### Using with TailwindCSS
+### Using with TailwindCSS V3
 
 If your project uses TailwindCSS, add the following configuration in `tailwind.config.js`:
 
@@ -62,6 +62,16 @@ module.exports = {
 }
 ```
 
+### Using with TailwindCSS V4
+
+If your project uses TailwindCSS, add the following configuration in `tailwind.config.js`:
+
+```css
+/** style.css */
+
+@source './node_modules/rc-modal-sheet/**/*.js'; /* The path of rc-modal lib location */
+```
+
 ### Using in Non-TailwindCSS Projects
 
 If your project does not use TailwindCSS, you need to manually import the component's style file:

src/divider/Divider.tsx

@@ -10,7 +10,7 @@ export const Divider: FC<
   return (
     <hr
       className={clsxm(
-        'my-4 h-[0.5px] border-0 bg-black !bg-opacity-30 dark:bg-white',
+        'my-4 h-[0.5px] border-0 bg-black opacity-30 dark:bg-white',
         className,
       )}
       {...rest}