[dapp-kit] prefix all CSS with [data-dapp-kit] to prevent styles from getting overridden (#14210)

## Description 

While migrating SuiFrens over to dapp-kit, I noticed the styles coming
from dapp-kit were getting overridden due to having low specificity. We
can prefix all styles with `[data-dapp-kit]` to up the specificity and
solve the issue, which is inline with what other UI kit libraries seem
to do.

As part of this, I'm upgrading postcss because the overrides specifier
only works on the first clean `pnpm install` and I couldn't get a clean
lockfile even on main 🤷🏼

Before:
<img width="438" alt="image"
src="https://github.com/MystenLabs/sui/assets/7453188/3c8a801c-e193-49ba-9585-836105d92740">

After:
<img width="1722" alt="image"
src="https://github.com/MystenLabs/sui/assets/7453188/c8486aa2-28b5-4670-a6f1-0bf663a6ab1f">


## Test Plan 
- Manual testing
- CI

---
If your changes are not user-facing and not a breaking change, you can
skip the following section. Otherwise, please indicate what changed, and
then add to the Release Notes section as highlighted during the release
process.

### Type of Change (Check all that apply)

- [ ] protocol change
- [ ] user-visible impact
- [ ] breaking change for a client SDKs
- [ ] breaking change for FNs (FN binary must upgrade)
- [ ] breaking change for validators or node operators (must upgrade
binaries)
- [ ] breaking change for on-chain data layout
- [ ] necessitate either a data wipe or data migration

### Release notes

Author: williamrobertson13

.changeset/friendly-rules-dance.md

@@ -0,0 +1,5 @@
+---
+'@mysten/dapp-kit': minor
+---
+
+Fix issue where CSS was being overridden by application code

apps/core/package.json

@@ -44,7 +44,7 @@
 		"@tailwindcss/forms": "^0.5.4",
 		"@types/react": "^18.2.15",
 		"@vanilla-extract/vite-plugin": "^3.9.0",
-		"postcss": "^8.4.26",
+		"postcss": "^8.4.31",
 		"tailwindcss": "^3.3.3",
 		"typescript": "^5.1.6",
 		"vite": "^4.4.4",

apps/explorer/package.json

@@ -103,7 +103,7 @@
 		"autoprefixer": "^10.4.14",
 		"happy-dom": "^10.5.1",
 		"onchange": "^7.1.0",
-		"postcss": "^8.4.26",
+		"postcss": "^8.4.31",
 		"start-server-and-test": "^2.0.0",
 		"storybook": "^7.1.0",
 		"tailwindcss": "^3.3.3",

apps/wallet/package.json

@@ -82,7 +82,7 @@
 		"html-webpack-plugin": "^5.5.3",
 		"mini-css-extract-plugin": "^2.7.6",
 		"onchange": "^7.1.0",
-		"postcss": "^8.4.26",
+		"postcss": "^8.4.31",
 		"postcss-loader": "^7.3.3",
 		"postcss-preset-env": "^9.0.0",
 		"sass": "^1.63.6",

dapps/kiosk/package.json

@@ -33,7 +33,7 @@
 		"@types/react-dom": "^18.2.7",
 		"@vitejs/plugin-react": "^4.0.3",
 		"autoprefixer": "^10.4.14",
-		"postcss": "^8.4.26",
+		"postcss": "^8.4.31",
 		"tailwindcss": "^3.3.3",
 		"typescript": "^5.1.6",
 		"vite": "^4.4.4"

dapps/multisig-toolkit/package.json

@@ -45,7 +45,7 @@
 		"@types/react-dom": "^18.2.7",
 		"@vitejs/plugin-react": "^4.0.3",
 		"autoprefixer": "^10.4.14",
-		"postcss": "^8.4.26",
+		"postcss": "^8.4.31",
 		"tailwindcss": "^3.3.3",
 		"tailwindcss-animate": "^1.0.6",
 		"typescript": "^5.1.6",

dapps/sponsored-transactions/package.json

@@ -24,7 +24,7 @@
 		"@types/react-dom": "^18.2.7",
 		"@vitejs/plugin-react": "^4.0.3",
 		"autoprefixer": "^10.4.14",
-		"postcss": "^8.4.26",
+		"postcss": "^8.4.31",
 		"tailwindcss": "^3.3.3",
 		"typescript": "^5.1.6",
 		"vite": "^4.4.4"