Styling with tailwindcss

```
({
...base,
'--reactour-accent': '#ef5a3d',
borderRadius: radius,
}),
maskArea: (base) => ({ ...base, rx: radius }),
maskWrapper: (base) => ({ ...base, color: '#ef5a3d' }),
badge: (base) => ({ ...base, left: 'auto', right: '-0.8125em' }),
controls: (base) => ({ ...base, marginTop: 100 }),
close: (base) => ({ ...base, right: 'auto', left: 8, top: 8 }),
}}
>
```

It would be great to be able to ust give a className for each and style it with tailwindcss instead of providing a styleObject.

Start by tracing the TourProvider styles prop and the listed popover, maskArea, maskWrapper, badge, controls, and close targets. No files or tests are named; done means each target can receive a className that applies Tailwind styling without requiring the style object.

Written by the indexing model from the issue text.