feat: adding toggle text as an option for accordion component

[evilelam]

• Accordion: Added useToggleText prop to allow customization of the toggle element. When set to true, the default arrow will be replaced with "More" and "Less" text

• Accordion.Trigger: Fixed a bug where the hoverBg prop was not being applied correctly

[codecov]

Codecov Report

Attention: Patch coverage is 95.83333% with 2 lines in your changes missing coverage. Please review.

Project coverage is 93.84%. Comparing base (f7eb2b3) to head (333e691).
Report is 3 commits behind head on main.

Files with missing lines	Patch %	Lines
packages/core/src/Flag/Flag.tsx	0.00%	2 Missing ⚠️

Additional details and impacted files

@@            Coverage Diff             @@
##             main    #1537      +/-   ##
==========================================
+ Coverage   93.74%   93.84%   +0.10%     
==========================================
  Files         154      154              
  Lines       11391    11408      +17     
  Branches      701      704       +3     
==========================================
+ Hits        10678    10706      +28     
+ Misses        692      680      -12     
- Partials       21       22       +1     

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[PhilWelsh]

because the whole header is interactive, i don't think you need to include this 'data-text-toggle' stuff, it should just work anyway shouldn't it?
can you not just use the existing
&[data-state='closed/open'] { }
state in the css and target a class on this span, rather than having now 2 state for open/close?

[evilelam]

yes, I'm using [data-state='closed/open'] to check if the accordion is open or closed, I added data-text-toggle just to keep track of which span should I show More/Less, but I can change it for a class, no problem