Remove next-themes dependency (#226)

* refactor: remove next-themes dependency, use internal ThemeProvider for Sonner

* Format

Author: IzumiSy

.changeset/remove-next-themes.md

@@ -0,0 +1,5 @@
+---
+"@tailor-platform/app-shell": patch
+---
+
+Remove `next-themes` dependency by using the internal `ThemeProvider` context for the Sonner toast theming.

examples/nextjs-app/src/modules/pages/action-panel-demo.tsx

@@ -1,4 +1,4 @@
-import { defineResource, ActionPanel, useNavigate } from "@tailor-platform/app-shell";
+import { defineResource, ActionPanel, useNavigate, useToast } from "@tailor-platform/app-shell";
 import type { SVGProps } from "react";
 
 export const ReceiptIcon = (props: SVGProps<SVGSVGElement>) => (
@@ -62,6 +62,7 @@ export const ExternalLinkIcon = (props: SVGProps<SVGSVGElement>) => (
 
 const ActionPanelDemoPage = () => {
   const navigate = useNavigate();
+  const toast = useToast();
   return (
     <div
       style={{
@@ -85,13 +86,17 @@ const ActionPanelDemoPage = () => {
             key: "create-invoice",
             label: "Create new sales invoice",
             icon: <ReceiptIcon />,
-            onClick: () => alert("Create invoice clicked"),
+            onClick: () => {
+              toast("Create invoice clicked");
+            },
           },
           {
             key: "delivery-note",
             label: "Create new delivery note",
             icon: <FileTextIcon />,
-            onClick: () => alert("Create delivery note clicked"),
+            onClick: () => {
+              toast("Create delivery note clicked");
+            },
           },
           {
             key: "view-po-demo",

packages/core/package.json

@@ -59,7 +59,6 @@
     "es-toolkit": "^1.45.1",
     "graphql": "^16.13.2",
     "lucide-react": "^1.8.0",
-    "next-themes": "^0.4.6",
     "papaparse": "^5.5.3",
     "react": "^19.2.5",
     "react-dom": "^19.2.5",

packages/core/src/components/sonner.tsx

@@ -1,8 +1,8 @@
-import { useTheme } from "next-themes";
+import { useTheme } from "@/contexts/theme-context";
 import { Toaster as Sonner, ToasterProps } from "sonner";
 
 const Toaster = ({ ...props }: ToasterProps) => {
-  const { theme = "system" } = useTheme();
+  const { theme } = useTheme();
 
   return (
     <Sonner