bump(deps): update dependency tailwindcss to v3.4.0 (#742)

[![Mend
Renovate](https://app.renovatebot.com/images/banner.svg)](https://renovatebot.com)

This PR contains the following updates:

| Package | Change | Age | Adoption | Passing | Confidence |
|---|---|---|---|---|---|
| [tailwindcss](https://tailwindcss.com)
([source](https://togithub.com/tailwindlabs/tailwindcss)) | [`3.3.7` ->
`3.4.0`](https://renovatebot.com/diffs/npm/tailwindcss/3.3.7/3.4.0) |
[![age](https://developer.mend.io/api/mc/badges/age/npm/tailwindcss/3.4.0?slim=true)](https://docs.renovatebot.com/merge-confidence/)
|
[![adoption](https://developer.mend.io/api/mc/badges/adoption/npm/tailwindcss/3.4.0?slim=true)](https://docs.renovatebot.com/merge-confidence/)
|
[![passing](https://developer.mend.io/api/mc/badges/compatibility/npm/tailwindcss/3.3.7/3.4.0?slim=true)](https://docs.renovatebot.com/merge-confidence/)
|
[![confidence](https://developer.mend.io/api/mc/badges/confidence/npm/tailwindcss/3.3.7/3.4.0?slim=true)](https://docs.renovatebot.com/merge-confidence/)
|

---

### Release Notes

<details>
<summary>tailwindlabs/tailwindcss (tailwindcss)</summary>

###
[`v3.4.0`](https://togithub.com/tailwindlabs/tailwindcss/blob/HEAD/CHANGELOG.md#340---2023-12-19)

[Compare
Source](https://togithub.com/tailwindlabs/tailwindcss/compare/v3.3.7...v3.4.0)

##### Added

- Add `svh`, `lvh`, and `dvh` values to default
`height`/`min-height`/`max-height` theme
([#&#8203;11317](https://togithub.com/tailwindlabs/tailwindcss/pull/11317))
- Add `has-*` variants for `:has(...)` pseudo-class
([#&#8203;11318](https://togithub.com/tailwindlabs/tailwindcss/pull/11318))
- Add `text-wrap` utilities including `text-balance` and `text-pretty`
([#&#8203;11320](https://togithub.com/tailwindlabs/tailwindcss/pull/11320),
[#&#8203;12031](https://togithub.com/tailwindlabs/tailwindcss/pull/12031))
- Extend default `opacity` scale to include all steps of 5
([#&#8203;11832](https://togithub.com/tailwindlabs/tailwindcss/pull/11832))
- Update Preflight `html` styles to include shadow DOM `:host`
pseudo-class
([#&#8203;11200](https://togithub.com/tailwindlabs/tailwindcss/pull/11200))
- Increase default values for `grid-rows-*` utilities from 1–6 to 1–12
([#&#8203;12180](https://togithub.com/tailwindlabs/tailwindcss/pull/12180))
- Add `size-*` utilities
([#&#8203;12287](https://togithub.com/tailwindlabs/tailwindcss/pull/12287))
- Add utilities for CSS subgrid
([#&#8203;12298](https://togithub.com/tailwindlabs/tailwindcss/pull/12298))
- Add spacing scale to `min-w-*`, `min-h-*`, and `max-w-*` utilities
([#&#8203;12300](https://togithub.com/tailwindlabs/tailwindcss/pull/12300))
- Add `forced-color-adjust` utilities
([#&#8203;11931](https://togithub.com/tailwindlabs/tailwindcss/pull/11931))
- Add `forced-colors` variant
([#&#8203;11694](https://togithub.com/tailwindlabs/tailwindcss/pull/11694),
[#&#8203;12582](https://togithub.com/tailwindlabs/tailwindcss/pull/12582))
- Add `appearance-auto` utility
([#&#8203;12404](https://togithub.com/tailwindlabs/tailwindcss/pull/12404))
- Add logical property values for `float` and `clear` utilities
([#&#8203;12480](https://togithub.com/tailwindlabs/tailwindcss/pull/12480))
- Add `*` variant for targeting direct children
([#&#8203;12551](https://togithub.com/tailwindlabs/tailwindcss/pull/12551))

##### Changed

- Simplify the `sans` font-family stack
([#&#8203;11748](https://togithub.com/tailwindlabs/tailwindcss/pull/11748))
- Disable the tap highlight overlay on iOS
([#&#8203;12299](https://togithub.com/tailwindlabs/tailwindcss/pull/12299))
- Improve relative precedence of `rtl`, `ltr`, `forced-colors`, and
`dark` variants
([#&#8203;12584](https://togithub.com/tailwindlabs/tailwindcss/pull/12584))

</details>

---

### Configuration

📅 **Schedule**: Branch creation - At any time (no schedule defined),
Automerge - At any time (no schedule defined).

🚦 **Automerge**: Disabled by config. Please merge this manually once you
are satisfied.

♻ **Rebasing**: Whenever PR becomes conflicted, or you tick the
rebase/retry checkbox.

🔕 **Ignore**: Close this PR and you won't be reminded about this update
again.

---

- [ ] <!-- rebase-check -->If you want to rebase/retry this PR, check
this box

---

This PR has been generated by [Mend
Renovate](https://www.mend.io/free-developer-tools/renovate/). View
repository job log
[here](https://developer.mend.io/github/levaintech/contented).

<!--renovate-debug:eyJjcmVhdGVkSW5WZXIiOiIzNy4xMDMuMSIsInVwZGF0ZWRJblZlciI6IjM3LjEwMy4xIiwidGFyZ2V0QnJhbmNoIjoibWFpbiJ9-->

---------

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Co-authored-by: Fuxing Loh <[email protected]>

packages/contented-preview/package.json

@@ -19,6 +19,6 @@
     "postcss": "8.4.32",
     "react": "18.2.0",
     "react-dom": "18.2.0",
-    "tailwindcss": "3.3.7"
+    "tailwindcss": "3.4.0"
   }
 }

packages/contented-preview/src/components/Header.jsx

@@ -12,7 +12,7 @@ export default function Header() {
   const pipelines = Object.entries(Pipelines);
 
   return (
-    <header className="sticky top-0 z-10 h-[3.25rem] border-b border-slate-200/60 bg-slate-50 dark:border-slate-300/10 dark:bg-slate-950 print:hidden">
+    <header className="sticky top-0 z-10 h-[3.25rem] border-b border-slate-200/60 bg-slate-50 print:hidden dark:border-slate-300/10 dark:bg-slate-950">
       <nav className="max-w-8xl mx-auto h-full px-4 sm:px-6 lg:px-8" aria-label="Top">
         <div className="flex h-full w-full items-center justify-between">
           <div className="flex">
@@ -34,7 +34,7 @@ export default function Header() {
             </a>
 
             {pipelines.length > 1 && (
-              <div className="ml-6 hidden border-l border-slate-300/60 pl-4 dark:border-slate-300/10 md:flex">
+              <div className="ml-6 hidden border-l border-slate-300/60 pl-4 md:flex dark:border-slate-300/10">
                 {pipelines.map(([type, pipeline]) => {
                   if (pipeline.collection[0] === undefined || pipeline.collection[0] === null) {
                     throw new Error(

packages/contented-preview/src/pages/[type]/[[...slug]].jsx

@@ -103,8 +103,8 @@ export default function IndexPage({ content, sections }) {
             'hidden lg:block': !isOpen,
           })}
         >
-          <div className="absolute bottom-0 right-0 top-0 hidden w-px dark:block lg:bg-slate-800" />
-          <div className="absolute inset-y-0 right-0 w-[50vw] dark:hidden lg:bg-slate-50" />
+          <div className="absolute bottom-0 right-0 top-0 hidden w-px lg:bg-slate-800 dark:block" />
+          <div className="absolute inset-y-0 right-0 w-[50vw] lg:bg-slate-50 dark:hidden" />
           <div className="sticky top-[3.25rem] -ml-0.5 h-[calc(100vh-3.25rem)] overflow-y-auto py-12">
             <ContentNavigation sections={sections} className="w-64 pr-8 xl:w-72 xl:pr-16" />
           </div>