Function useDesignTokens

useDesignTokens(): DesignTokens | undefined
Hook para acessar os tokens de design do contexto atual.

Returns DesignTokens | undefined
Os tokens de design atuais ou undefined se não houver provider ou tokens
Remarks
Retorna os tokens de design fornecidos pelo DesignProvider mais próximo na árvore de componentes. Se nenhum provider for encontrado ou tokens não forem definidos, retorna undefined. Os componentes usam este hook para aplicar estilos consistentes via MUI sx ou outros mecanismos.

Throws
Se usado fora de um DesignProvider (embora não lance erro, retorna undefined)
Example: Acesso a tokens em componente
```
import { useDesignTokens } from './context/DesignContext';

function CustomButton() {
  const tokens = useDesignTokens();
  const primaryColor = tokens?.colors?.primary || '#default';

  return (
    <button style={{ backgroundColor: primaryColor }}>
      Botão Customizado
    </button>
  );
}
```
Example: Uso defensivo com fallbacks
```
function ThemedComponent() {
  const tokens = useDesignTokens();

  return (
    <div style={{
      color: tokens?.colors?.text || '#333',
      fontSize: tokens?.typography?.fontSize || '16px'
    }}>
      Conteúdo temático
    </div>
  );
}
```
Hook
Category
Hooks

Since
0.1.0
- Defined in core/src/context/DesignContext.tsx:119