fix(pagination): add base text styles to pagination

before it would look good only inside TableFooter because that component already sets text color

BREAKING CHANGE: Pagination now has its own text colors, instead of depending on parent styles or
own classes. It makes it useful outside elements like TableFooter, which would add text styles
before. The breaking change is that it doesn't inherit TableFooter (or any parent) colors anymore.

__tests__/Pagination.test.js

@@ -94,7 +94,8 @@ describe('Pagination', () => {
 
   it('should render with base styles', () => {
     const onChange = () => {}
-    const expected = 'flex flex-col justify-between text-xs sm:flex-row'
+    const expected =
+      'flex flex-col justify-between text-xs sm:flex-row text-gray-600 dark:text-gray-400'
     const wrapper = mount(<Pagination totalResults={123} label="Navigation" onChange={onChange} />)
 
     expect(wrapper.find(Pagination).getDOMNode().getAttribute('class')).toContain(expected)

src/themes/default.js

@@ -1,7 +1,7 @@
 export default {
   // Pagination
   pagination: {
-    base: 'flex flex-col justify-between text-xs sm:flex-row',
+    base: 'flex flex-col justify-between text-xs sm:flex-row text-gray-600 dark:text-gray-400',
   },
   // TableFooter
   tableFooter: {